A React-powered travel booking template built with micro-interactions and Reline UI components.

Zeaster is a modern travel booking template that implements visual designs and components from Reline UI. The goal was to revamp boring travel booking websites using micro-interactions — subtle animations and feedback loops that make the interface feel responsive and premium.

Zeaster is the testbed for Reline UI, an open-source React UI library built with Tailwind CSS, Framer Motion, and built-in dark mode support.

Zeaster, Reline UI Component Testing Playground

Zeaster

Reline UI is an open-source React component library built around glassmorphism and fluid motion, styled with Tailwind CSS and animated with Framer Motion. It ships production-ready buttons, accordions, dialogs, tabs, and more, with dark mode built in from the start.

Reline UI started from the usual problem rebuilding the same buttons, accordions, and dialogs from scratch on every new project but instead of stopping at a personal snippet collection, it became a properly packaged, installable library. The visual identity was the starting point, not an afterthought: glassmorphism and liquid motion, rather than another flat or minimal component kit.
The library currently covers Button (primary, secondary, outline, danger, success variants), a frosted Glass Button, Accordion and a glassmorphic Glass Accordion, Alert Dialog, Callout, Tabs, and Media Card, plus a Theme Provider, Theme Switcher, and Theme Toggle so dark mode works out of the box across every component, not bolted on per-project.
Under the hood, it's plain React (no TypeScript), styled entirely through Tailwind CSS with a shared cn utility (clsx + tailwind-merge) so class overrides never fight with the base styles, animated throughout with Framer Motion, and built with Vite into tree-shakeable ES modules using named exports only — a deliberate choice for predictable imports and smaller bundles. It targets React 19+.
It's released on npm and MIT-licensed, with a documented contribution workflow (component folder convention, required docs.md, a submission checklist) so outside contributors can add components without breaking the system. The reline.vercel.app site is the public showcase and install point, and a separate small app, Zeaster, exists purely to verify that each published version actually renders and behaves correctly in a real consuming project before it ships.
Stack: React, JavaScript, Vite, Tailwind CSS, Framer Motion, npm, Vercel

How I designed and built Reline UI, an open-source React component library with glassmorphism, Framer Motion animation, and dark mode built in from the start.

Reline UI Open-Source React Component Library Case Study

Reline UI Open-Source React Component Library

A cinematic, portfolio for Washim Asraf, a Cairo-based social media manager, motion designer, and video editor. Built around filterable case studies and a lead-qualifying contact flow instead of a static résumé layout.

Washim Asraf is a motion designer and video editor working with brands globally, so the site was built to carry the same energy as his edits rather than read like a static résumé. The structure stays simple: a cinematic Home that opens with an animated intro and one clear CTA, a Work index that filters projects by Motion, Social, Video, and Campaigns, an About page that backs the craft with real numbers (5+ years, 50+ brands) and a tools/skill breakdown, and a Contact page built to pre-qualify leads rather than just collect emails.
The Work section carries the site. Every project follows a reusable case-study template, Brief, Approach, Results, so visitors see the thinking and the outcome, not just a thumbnail. A drag-to-reveal interactive showcase gives a more playful way to browse categories before committing to a full case study.
Technically, it runs on Next.js 14 with Tailwind for layout and styling, Framer Motion and GSAP handling scroll and transition choreography, and React Three Fiber adding the ambient depth behind the cinematic feel, tuned to stay fast despite being animation-heavy, deployed on Vercel.
Stack: Next.js 14, Tailwind CSS, Framer Motion, GSAP, React Three Fiber, Vercel
Features:

Cinematic dark hero with animated entrance and a single primary CTA
Filterable Work index (All / Motion / Social / Video / Campaigns) with dynamic project routes
Reusable case-study template per project, Brief, Approach, quantified Results
Interactive drag-to-reveal category showcase on the Work page
About page with bio, experience stats, and a tools/skills proficiency breakdown
Multi-option contact form with a service-type selector to qualify inbound leads
Newsletter signup for new work drops and open slots
Persistent footer with live timezone/availability status
Scroll- and transition-based motion throughout, with ambient 3D depth via React Three Fiber.

How a motion-first portfolio for Cairo-based creator Washim Asraf was built with Next.js 14, Framer Motion, GSAP, and React Three Fiber.

Wassim Asraf Portfolio | Cinematic Next.js Case Study

Wassim Asraf | Motion Designer Portfolio

A portfolio website for a digital marketing agency to showcase projects and attract clients.

ClikCatalyst is a digital marketing agency portfolio website built to showcase their projects.

ClikCatalyst

A fully functional e-commerce website built for Aadil Fragrances, a Kolkata-based custom perfume and attar brand. The site showcases over 400 handcrafted fragrances with multiple concentration levels and size options, enabling customers to explore collections, customise their orders, and discover their signature scent online.

Aadil Fragrances is a premium custom perfume brand based in Kolkata, offering handcrafted oil-to-alcohol fragrances ranging from 15% to 80% concentration, available in sizes from 60ml to 600ml. The goal was to build a clean, luxury-feel e-commerce platform that reflects the brand's artisan identity while making product discovery intuitive and seamless.
The website features a full product shop with category filtering (Floral, Oriental, Woody, Fresh, Citrus, Aquatic, Gourmand, Spicy), a custom fragrance consultation page, detailed product pages, a newsletter subscription, and complete informational pages including About, Shipping, FAQs, and Order Tracking. The UI emphasises elegance and simplicity, letting the products speak for themselves.

Explore 400+ handcrafted custom perfumes and attars by Aadil Fragrances. Choose your oil concentration (15%–80%) and size (60ml–600ml). Premium custom bottles and packaging. Based in Kolkata.

Aadil Fragrances | Custom Perfumes & Attars Handcrafted in Kolkata

Aadil Fragrances Custom Perfume E-Commerce Website

A full-featured SaaS website built for workspace management during my time at Opensass Solutions.

Cubicle is a SaaS workspace management platform completed during my time at Opensass Solutions PVT LTD.

Cubicle

A full rebuild and rebrand of Proclivity Digitech's company website, replacing a slow, dated WordPress build with a fast Next.js 16 and Tailwind CSS frontend backed by a custom Node.js/Express and MongoDB Atlas API.

Proclivity Digitech is a software development and digital marketing agency, and its own public website was still running on WordPress slow, and visually behind the kind of work the agency actually sells to clients. For a company pitching modern web and app development, that's not a great look, so the brief was a ground-up rebuild rather than a theme swap.
The entire frontend was rebuilt in Next.js 16 and styled with Tailwind CSS, with a brand refresh folded into the same pass instead of treated as a separate project later. Since the move off WordPress also meant losing its built-in CMS and form handling, a custom backend was built to take over that role — Node.js and Express with MongoDB Atlas for storage. Part of that work involved tracking down a MongoDB Atlas connection failure caused by mixing dotenvx with plain dotenv, resolved by loading environment variables once at the entry point (server.js) and keeping db.js free of any env-loading logic of its own.
The rebuild is currently live on a staging Vercel deployment and is queued to replace the WordPress site on the agency's production domain.

How Proclivity Digitech's slow WordPress site was rebuilt into a fast Next.js 16 and Tailwind CSS build with a custom Node/Express and MongoDB Atlas backend.

Proclivity Digitech, WordPress to Next.js Website Rebuild

Proclivity Digitech, Website Rebrand & Rebuild

A documentation and feature showcase website for the Cubane Layer-1 blockchain platform.

Cubane is a feature showcase and documentation website for the Cubane Layer-1 blockchain.

Cubane

A custom WordPress theme rebuild of Web Maniacs' New Zealand agency website, replacing a bloated page-builder template with hand-coded PHP and Tailwind CSS 4, plus Lenis-powered smooth scroll micro-interactions, aimed at converting more visitors into leads.

Web Maniacs is the New Zealand-facing side of the same group behind Proclivity Digitech their own footer credits Proclivity as their delivery and financial partner in India offering website development, app development, SEO, and digital marketing to NZ businesses. The existing site was built on a WordPress page-builder template, and it showed the usual symptoms: dense, repeated pricing blocks, a sprawling service catalogue, and the kind of bloat that comes from drag-and-drop builders rather than hand-written markup.
Instead of migrating off WordPress, the fix was building a fully custom theme from scratch plain PHP templates styled with Tailwind CSS 4, with no page builder underneath. That keeps the team's existing WordPress admin workflow for editing content, while dropping the builder weight and giving full control over markup and styling. The same core information stayed (services, pricing tiers, portfolio, testimonials, process steps, contact), since that structure wasn't the actual problem the execution was rebuilt around it.
Lenis was layered in for smooth scrolling, with scroll-triggered micro-interactions added so the page feels more alive as visitors move through it, instead of the flat scroll of the original. The new theme is currently live on a demo server for review, ahead of replacing the production site at webmaniacs.co.nz.

 How Web Maniacs' bloated WordPress site was rebuilt into a custom PHP and Tailwind CSS 4 theme, with Lenis smooth scroll for better conversion.

Web Maniacs Custom WordPress Theme Rebuild

A custom WordPress website for Home Glow Builders, a home re-modelling and renovation company. Showcases before/after transformations, service breakdowns, and a project portfolio with category filtering, designed to build trust and drive quote requests.

Home Glow Builders needed a website that could showcase the quality of their renovation work and make it easy for potential clients to request estimates. I built a fully custom WordPress site using a hand-coded theme, featuring an animated hero section, interactive before/after image sliders for kitchen and bathroom remodels, a step-by-step process explainer for flooring and construction services, a filterable project gallery (Kitchen, Bathroom, Flooring, Painting, Custom Homes), client testimonials, and a contact section with an embedded map and message form. The site is fully responsive and optimized to convert visitors into qualified leads through clear calls-to-action throughout the page.

A custom WordPress website built for Home Glow Builders, featuring before/after project showcases, service breakdowns, and a lead-generating contact flow.

HomeGlow Builders Home Renovation Website | Debajoyti Portfolio

HomeGlow Builders, Home Renovation & Remodeling Website

A multi-page WordPress site helping a faith community organize small groups, events, and leadership built with custom post types, ACF, and an interactive group-finder map.

A complete custom WordPress build for St Paul's Community Groups, designed to help people find and join small community groups, browse upcoming events, read member stories, and give group leaders a dedicated portal to manage their groups. Built with Tailwind CSS 4's CSS-first pipeline and ACF for structured content, the site includes custom post types for groups, events, and stories, an interactive Leaflet.js map for locating nearby groups, gated access for group leaders, and a full events and resource system all without relying on a page builder.

A custom WordPress site with an interactive group finder, gated leader portal, and event management, built with Tailwind CSS 4 and ACF.

St Paul's Community Groups Custom WordPress Development

St Paul's Community Groups (SPCG)

A fully custom WordPress theme for Lime Tree Services, a tree surgery and landscaping company serving Wimbledon, Richmond, Kingston, and Surrey. Built around trust signals, clear service breakdowns, and a friction-less quote-request flow.

Lime Tree Services needed a website that could do two things at once: read as credible to homeowners who don't hire tree surgeons often, and make requesting a quote as fast as possible. The build centres on a service-first structure, six core services (crown reduction, emergency tree work, fencing and gates, garden clearance, hedge trimming, landscaping) each with their own dedicated page, backed by trust markers like insurance, certification, and 15+ years of experience placed above the fold rather than buried in an About page. A five-step process section sets expectations before contact, and a service-specific quote form (with a drop-down for job type) reduces back-and-forth before the first conversation even happens. Client testimonials and a location-aware contact section close the loop, reinforcing that this is a real, locally operating business rather than a template site.

A custom WordPress theme built for a UK tree care and landscaping business, focused on trust signals and quote-request conversion.

Lime Tree Services, WordPress Website for Tree Care & Landscaping

Lime Tree Services Tree Care & Landscaping Website

A custom Laravel e-commerce platform for an on-demand printing business, covering everything from product browsing and cart to quote requests and order tracking.

PrintZen is a full-scale e-commerce platform built for an on-demand printing business, covering 10+ product categories including signs, banners, flyers, business cards, stickers, brochures, labels, apparel, and gifts. The platform includes a complete storefront with category and product browsing, per-product customization flows, a cart and checkout system, a "Request a Quote" flow for bespoke jobs, user accounts with order tracking, and a testimonials section. It's built on Laravel with a component-driven front end, supporting dynamic product catalogs, category hierarchies (e.g. Signs → Corrugated/Acrylic/Foam/Metal/Decorative), and price-tiered product cards.

A Laravel-built e-commerce platform for custom printing product catalog, cart, quote requests, and order tracking, built end-to-end by Debajoyti Paul.

PrintZen Custom Laravel Printing E-Commerce Platform | Debajoyti Paul

PrintZen Custom Printing E-Commerce Platform

A full-stack marketing website for a digital agency, showcasing services, portfolio, tech stack, and client testimonials with a clean, developer-themed aesthetic.

Shapioso is a digital agency offering website design, web development, domain & hosting, digital marketing, graphic design/animation, and video editing services. The site was built as a conversion-focused marketing platform featuring an animated hero with embedded video reels, a tech-stack showcase, a "Process We Follow" 6-step workflow section, a terminal-styled "Others vs. Shapioso" comparison block, a featured-projects portfolio grid, client testimonials, and an integrated blog. The design leans into a developer/terminal visual motif ($ ./compare.sh) to reinforce technical credibility while remaining approachable for non-technical clients.

Case study on Shapioso, a full-stack Next.js agency website featuring service showcases, a tech-stack breakdown, project portfolio, and client testimonials.

Shapioso, Digital Agency Website | Portfolio

Shapioso Digital Agency Website

A custom WordPress development and optimization project for EIILM-Kolkata, focused on restructuring an existing custom theme, improving ACF architecture, modularizing PHP functionality, reviewing security and database handling, and preparing a content-heavy education website for maintainable production use.

Webrama.in powers the EIILM-Kolkata website, a content-heavy education platform covering undergraduate, postgraduate and PhD programs, admissions, placements, faculty, mentors, facilities, campuses, institutional partnerships, awards and student-focused information.

I worked on the custom WordPress theme with a focus on code quality, maintainability, security and production stability. The existing theme contained significant functionality concentrated inside functions.php, repeated administrative initialization logic, automated content/seeding processes and ACF structures that were difficult to maintain.

I audited the theme architecture and reorganized the implementation into cleaner functional modules. This included reducing the responsibility of functions.php, separating ACF and data/seeder-related code, reviewing custom post types and public URL behaviour, checking custom database/query handling, examining form and input security, identifying staging/internal-link issues and improving the overall structure for future maintenance.

The result was a significantly cleaner WordPress codebase with clearer separation of responsibilities, easier content administration and a stronger foundation for continued development, debugging, SEO and production deployment.

Custom WordPress development case study for EIILM-Kolkata covering theme refactoring, ACF architecture, PHP optimization, security review and SEO improvements.

My Work

Web Maniacs Custom WordPress Theme Rebuild

HomeGlow Builders, Home Renovation & Remodeling Website

St Paul's Community Groups (SPCG)

Lime Tree Services Tree Care & Landscaping Website

EIILM-Kolkata Custom WordPress Theme Refactor & Optimization