v0.1.0 · 40 components
Primitives14
⬛
Button
▭
Card
▱
Input
◉
Badge
⬭
Toggle
▾
Select
☑
Checkbox
◎
Radio
⊣
Slider
▤
Textarea
◎
Avatar
▣
StatCard
⊕
TagInput
◫
DatePicker
Motion5
⟳
Spinner
↑
FadeUp
⇄
Ticker
◐
MorphBlob
⓪
CountUp
Charts5
▦
BarChart
╱
LineChart
◯
Donut
▬
Progress
╱
Sparkline
Navigation6
⌘
Command
▬
Navbar
›
Breadcrumb
⊡
Pagination
◧
SideNav
⊟
Tabs
Overlay5
◨
Modal
◫
Toast
◳
Tooltip
▾
Dropdown
◁
Drawer
Feedback4
▒
Skeleton
⚠
Alert
⊕
Stepper
☰
Accordion
Data1
⊞
Table
Preview
Button
Live
Hover · click · interact
Install command — updates as you customise
$
npx prism-ui add button
→writes PrismButton.tsx + PrismButton.css → components/prism/import { PrismButton } from '@/components/prism/PrismButton'
PropertiesButton
Content
Label
Icon
×
→
↗
↑
★
⚡
♥
◆
●
✦
Variant
glow
solid
ghost
outline
soft
spectrum
Colour
Size
Size preset
Font size
13px
Font weight
Border radius
8px
Padding X
20px
Padding Y
10px
Typography
Letter spacing
Uppercase
Interaction
Hover effect
lift
scale
glow
none
Click animation
ripple
scale
bounce
none
Shadow
glow
soft
hard
none
States
Full width
Disabled