Fashique is a modern and stylish e-commerce website built using Next.js and Tailwind CSS, designed specifically for fashion stores, boutiques, and clothing brands. With clean UI components, fast performance, and mobile-friendly layouts, Fashique makes online shopping smooth and visually appealing.

Installation & Setup 

• npm install
• npm run dev

Additional Plugins & Packages

If you face any errors or missing modules, you may need to install extra libraries:

• npm install remixicon
• npm install bootstrap-icons
• npm install @iconify/react
• npm install remixicon react-icons @fortawesome/react-fontawesome @fortawesome/free-brands-svg-icons
• npm install swiper
• npm install react-countup
• npm install mixitup
• npm install @splidejs/react-splide
• npm install react-toastify
• npm install @splidejs/react-splide @splidejs/splide-extension-auto-scroll

What’s Included

• Complete Next.js Source Code — Organized, clean, and production-ready project structure
• Tailwind CSS Setup — Custom styling, utility classes, colors, and responsive design
• Reusable Components — Buttons, cards, product grids, filters, forms, sliders, and navbar/footer
• Swiper.js & Splide.js Sliders — Hero banners, product sliders, auto-scroll carousels
• MixitUp.js Filtering — Category-based product filtering & sorting
• React CountUp Animations — Animated statistics for numbers and counters
• React Toastify Notifications — Add-to-cart, wishlist, and user feedback alerts
• Google Fonts Integration — Clean, modern typography setup
• Icon Libraries — Remix Icon, Bootstrap Icons, React Icons, and Iconify
• Demo Data Included — Product data, blog posts, categories, vouchers, FAQs, pricing
• Fully Responsive Pages — All pages optimized for mobile, tablet, and desktop
• Quick Start Guide — Simple steps to install and run the project

Tech Stack Used

• Next.js – Fast rendering, optimized routing, and improved performance
• Tailwind CSS – Utility-first, responsive, and highly customizable styling
• Swiper.js – Modern sliders for hero banners and product showcases
• Splide.js – Lightweight slider library for galleries and product carousels
• Splide Auto Scroll Extension – Smooth auto-scrolling slider animations
• MixitUp.js – Product filtering, sorting, and category-based item animation
• React CountUp – Animated number counters for stats and highlights
• React Toastify – Simple and elegant toast notifications (add to cart, wishlist, etc.)
• Remix Icon / Bootstrap Icons – Clean and stylish icon collections
• React Icons / Iconify – Huge library of icons using a single React component
• Google Fonts – Clean and modern typography for better readability

Pages Included

• Home – Hero banner, featured products, categories, trending items, and special offers
• Shop – Product listing with filters, sorting options, and multiple grid layouts
• Product Details – Image gallery, descriptions, pricing, reviews, and related products
• Cart – Easy cart management with quantity controls and price updates
• Wishlist – Save favorite products for later with quick-access UI
• Checkout – Order summary, shipping address, and payment form
• Blog – Fashion tips, news, styling guides, and brand updates
• Blog Details – Full blog post view with images and content formatting
• About – Brand story, vision, mission, and background details
• Pricing – Plan-based or offer-based pricing section for subscription or premium features
• Gift Vouchers – Digital gift cards and voucher purchasing interface
• FAQ – Common questions with clean accordion-style answers
• Login – Secure login page for returning customers
• Registration – Create account page with clean form layout
• Contact – Contact form, support details, location, and social links

Key Features

• Modern E-commerce — Clean, stylish, and fashion-focused interface
• Fully Responsive Design — Looks perfect on all screen sizes
• Advanced Product Filtering — MixitUp.js for category filtering & sorting
• Interactive Sliders — Swiper.js & Splide.js for banners and product showcases
• Auto-Scrolling Carousels — Splide auto-scroll extension for smooth motion
• Wishlist & Cart UI — Easy item saving, quantity control, and price updates
• Toast Notifications — React Toastify for interactions and alerts
• Multiple Store Pages — Pricing, Gift Vouchers, FAQs, Blog, Login, Registration
• Icon-Rich Interface — Hundreds of icons through Iconify, Remix Icon, and Bootstrap Icons

Fashique keeps everything straightforward—clear layouts, smooth interactions, and a design that makes products look their best, perfect for building a store with confidence.