• Home
  • Components
    • Accordion
    • Card
    • Carousel
    • Dropdown
    • Tabs
    • Table
    • Toast
  • AI Components
    • Agents
    • Agent layout
    • Avatars
    • Feedback
  • App
    • Dashboard
    • Maps
    • Activity feed
    • Internal feed
    • Chat
    • Profile drawer
  • Experiments
    • Hover Cards
    • Sliders
    • Motion experiments
    • Animation states
  • Home
  • Components
    • Accordion
    • Card
    • Carousel
    • Dropdown
    • Tabs
    • Table
    • Toast
  • AI Components
    • Agents
    • Agent layout
    • Avatars
    • Feedback
  • App
    • Dashboard
    • Maps
    • Activity feed
    • Internal feed
    • Chat
    • Profile drawer
  • Experiments
    • Hover Cards
    • Sliders
    • Motion experiments
    • Animation states

UI Playground

Choose a page to explore.

Components

  • Accordion

    Fluid expand/collapse with Motion

  • Card

    Card components

  • Carousel

    Motion card carousel and CSS marquee

  • Dropdown

    Dropdown menus and selects

  • Tabs

    Tabbed content components

  • Table

    Interactive data grid mock

  • Toast

    Animated toast notifications with AnimatePresence

AI Components

  • Agents

    Active agents dashboard and list

  • Agent layout

    React Flow graph with animated edge pulses

  • Avatars

    Avatar components

  • Feedback

    Agent feedback: thumbs plus optional context

App

  • Dashboard

    KPIs, charts and analytics

  • Maps

    Delivery tracker with mapcn

  • Activity feed

    Feed and activity views

  • Internal feed

    Internal feed view

  • Chat

    Chat interface and messaging

  • Profile drawer

    Slide-out profile panel

Experiments

  • Hover Cards

    Pointer-following blurred icon cards by Jhey

  • Sliders

    Liquid / globby range slider with SVG filter

  • Motion experiments

    Motion and animation experiments

  • Animation states

    Animation state demos