Examples & Demos

E-commerce Catalog

Product listing page with cards, filters, pagination, and shopping cart.

View Demo

Shopping Cart

Full-featured shopping cart with quantity controls and checkout flow.

View Demo

Checkout Flow

Multi-step checkout process with form validation and payment forms.

View Demo

Navigation Showcase

Various navigation patterns including mega menus, breadcrumbs, and mobile nav.

View Demo

Cards Demo

Card layouts for content, products, profiles, and media presentations.

View Demo

Alerts Demo

Alert messages, toasts, notifications, and status indicators.

View Demo

Carousel Showcase

Image carousels, product sliders, and testimonial rotators.

View Demo

Buttons & Input Groups

Button styles, input groups, and interactive form components.

View Demo

Pea.rs Patterns

Semantic HTML patterns for stats, slats, asides, and content layouts.

View Demo

Dashboard Template

Admin dashboard layout with sidebar, cards, charts, and data tables.

View Demo

Product Page

Detailed product page with images, pricing, reviews, and add-to-cart functionality.

View Demo

E-commerce Cart

Shopping cart interface with item management, totals, and order summary.

View Demo

User Dashboard

User account dashboard with profile stats, activity feed, and settings panels.

View Demo

Modal Dialogs

Enhanced modal dialogs with animations, sizes, nested modals, and focus trapping.

View Demo

Tooltips

Enhanced tooltip positioning, triggers, themes, and interactive content tooltips.

View Demo

Toast Notifications

Stackable toast messages with auto-dismiss, positions, and action buttons.

View Demo

Icons Browser

Searchable icon library with categories, sizes, and usage examples.

View Demo

Dark Mode

Light and dark theme toggle with CSS custom properties and system preference detection.

View Demo

Sidebar Navigation

Collapsible sidebar with nested menu items, icons, and responsive behavior.

View Demo

Accordion

Expandable accordion panels with smooth animations and keyboard navigation.

View Demo

Tabs, Pagination & Steps

Tab interfaces, page navigation controls, and multi-step progress indicators.

View Demo

Form Validation

Client-side form validation with real-time feedback, error messages, and ARIA support.

View Demo

Form Builder

Drag-and-drop form builder with field types, validation rules, and preview mode.

View Demo

Responsive Tables

Data tables with sorting, pagination, responsive stacking, and row selection.

View Demo

Advanced Components

Complex UI components including color pickers, date pickers, range sliders, and timelines.

View Demo

Theme Gallery

Different color themes and customization examples.

View Themes