About UI Showcase
UI Showcase is an interactive gallery built with Next.js 15 and React 19 to help you explore and prototype with the @abhishekbarve/components design system. Each route focuses on a specific interface pattern and pairs documentation with runnable code so you can experiment directly in the browser.
Key Features
- Curated demos for buttons, forms, layouts, navigation, cards, accordions, breadcrumbs, toolbars, toggles, tooltips, modals, and chat interfaces
- Sandpack-powered editors that mirror a production Next.js + Tailwind setup so you can tweak components with zero configuration
- Theme switching backed by the library's `ThemeProvider` with preference persistence across sessions
- Shared layout, navigation, and footer constructed entirely from `@abhishekbarve/components` primitives
Tech Stack
Next.js 15
App Router experience with Turbopack for fast local iteration.
React 19
Latest React APIs power all demos and interactive examples.
Tailwind CSS 4
Configured inline within each Sandpack instance to match the showcase styling.
Sandpack
Provides the live coding playgrounds with instant component previews.
Component Library Integration
Every page in the showcase imports primitives directly from @abhishekbarve/components to mirror real-world usage. The global theme provider and styles demonstrate how to wire the design system into a standalone Next.js app, including light/dark modes and shared layout composition.