Skip to main content

Back to site Playground

Build your styleguide. Tune tokens, preview live, export when ready.

Actions

Button
Icon button
Loading button
Button group
Split buttonpro
Toggle button
Dropdown buttonpro
Floating action buttonpro

Inputs

Text field
Text area
Search field
Checkbox
Radio group
Switch
Select
Sliderpro
OTP inputpro

Navigation

Tabs
Breadcrumbs
Pagination
Stepperpro
Top navigation
Sidebar
Bottom navigation

Data

KPI card
Stat widget
Activity feedpro
Timelinepro
Data tablepro

Feedback

Alert
Toast
Empty state
Skeleton
Progress
Confirm dialogpro

Overlays

Modal
Drawerpro
Sheetpro
Popover
Tooltip
Context menustudio

Content blocks

Hero
Feature grid
Pricing table
FAQ
Call to action
Rich text

← All components

Activity feed

data.activityFeed

Preview

AS
Anika S. published the homepage
/ → version 12
2 minutes ago
JD
Jamie D. invited 3 editors
1 hour ago
RT
Ravi T. updated the brand tokens
primary 500 → oklch(0.62 0.20 264)
Yesterday

Unlock Activity feed on Pro

You're on Free. Upgrade to access this and 50+ premium components.

data

Activity feed

data.activityFeed

Vertical list of activity items with avatar, actor, action, and time.

Tierpro

Your planfree

StatusLocked

Variantsdefault

Sizessm, md

Statesdefault

Style modesdefault, glass, flat, minimal, dark