Modern UI Showcase is a premium, feature-rich platform designed to showcase high-quality web design templates and UI components. This platform allows developers and designers to explore a wide variety of design systems—from Neo-Brutalism and Glassmorphism to Cyberpunk and Minimalist aesthetics.
Built with the latest web technologies including Next.js 15, React 19, and Tailwind CSS v4, it provides a seamless experience with smooth animations powered by GSAP and Lenis Scroll, and a robust template generator system that allows users to download production-ready code directly.
- 40+ Premium Templates: A diverse collection of UI styles across various categories (Saas, Fintech, Gaming, etc.).
- High-Fidelity Live Demos: Interactive previews for every template with context-specific content and layouts.
- Instant Project Generator: Export templates as complete Next.js or React projects (bundled as ZIP).
- Theme-Specific Card Previews: Custom-rendered browser mockups in the gallery that reflect the template's unique design language.
- Smooth Interaction System: Ultra-smooth scrolling and micro-animations using GSAP and Lenis.
- Comprehensive UI Library: Integrated with a refined version of ShadCN UI components.
- Framework: Next.js 15.1.6 (App Router)
- Library: React 19.2.3
- Styling: Tailwind CSS v4.0 & CSS Modules
- Animations: Framer Motion 12 & GSAP
- Components: ShadCN / UI (Radix UI)
- Utilities: JSZip, FileSaver (for download generation), Lucide React
- Smooth Scroll: Lenis
-
Clone the repository
git clone https://github.com/mochrks/web-showcase.git cd web-showcase -
Install dependencies
npm install
-
Run the development server
npm run dev
-
The application will be running on http://localhost:3000.