Buttons

Card

Notifications
You have 3 unread messages.

Push Notifications

Send notifications to your device.

Form Controls

Accordion

Alerts & Badges

Default
Secondary
Outline
Destructive

Tabs

Make changes to your account here.

Slider & DropdownMenu

Dialog

Code Block

// Example Theme
const theme = {
  colors: {
    primary: "hsl(var(--primary))",
    background: "hsl(var(--background))",
    card: "hsl(var(--card))"
  },
  borderRadius: "var(--radius)",
  fontFamily: "var(--font-sans)"
};

Charts

Monthly Revenue
Bar chart visualization
Product Distribution
Pie chart breakdown
Growth Trend
6-month performance

Current theme mode: light

Layout
Tools
Background Patterns

© 2018 - 2025 Bankside Partners Ltd.