Bansl E-commerce Starter Template

The Challenge

When building online stores or MVPs, developers often spend too much time setting up basic structure — layout, responsiveness, routing, animations — before they can even start building features.

I wanted to create a lightweight, modern e-commerce frontend that developers could use as a foundation.
The idea was to build a clean, fast, and extendable template that doesn’t feel bloated — but also doesn’t require starting from scratch.

The Solution

I built Bansl using Next.js 14 (App Router), TypeScript, Tailwind CSS, Framer Motion, and ShadCN UI.
The project includes all the essential UI blocks — a responsive product grid, modals, header/footer layout, and smooth page transitions.

To keep things clean and flexible:

• I used ShadCN for accessible and customizable components
• Framer Motion for subtle but smooth animations
• Tailwind CSS for fast and scalable styling
• The whole app runs with a well-structured folder system, built for scaling

The Result

• Fully responsive layout with product grid and modal
• Smooth page transitions using Framer Motion
• Accessible UI powered by ShadCN
• Built entirely in TypeScript with clean structure
• Fast load times, no unnecessary dependencies
• Easy to plug into any backend, API, or CMS

Today, Bansl is live as a public demo — and serves as a clean base for developers who want to build faster and ship sooner.