BoringUI React components

shadcn-compatible components with calm motion and clear interaction states.

CalendarToday
New fileBlank documentN
SettingsAccount and workspace,
Search everywhereFiles, people, messagesF
Toggle dark modeSystem, light, or darkL
Copy linkTo this pageC
Invite peopleSend an email invite
Export as PDFPro plan
Home
Inbox3 unread
Starred
RecentLast 7 days
Documentation
What's newRelease notes
Contact supportReply within a day
CommandMenuNew

Release note · 2.4

Ship after the reviewone final pass.

NeatAnnotation

Visual QA · Field note

Keep the human edgeintentionally uneven.

Wobble
01

Review notes

02

Open questions

03

Next steps

04

Release plan

More below
ProgressiveBlur
Loading messagesCatching up on the thread
GradientSpin

Searching the workspace

Reading routes, components, and recent changes.

Listening
Composing
ThinkingOrb
Release 2.4Draft

Make the state change feel earned.

ShaderSweep
Opacity35
Volume
60%
Slider
Threads
  • 3
  • 8
SidebarNew
Thinking
ThinkingIndicator
TabsSubtle
RadioGroup
Notifications
Sound effects
Switch
Searching profiles
x.comgithub.com
Reading portfolio
Searching recent work
figma.combehance.net
Analyzing resultsCompiling findings into a summary.
ThinkingSteps
CheckboxGroup
Live visitors
BlurNumber
Monthly visitors1,284
NumberFlow
A design philosophy where every animation serves a functional purpose — motion is information, not decoration.
Accordion
Tabs
Spring animations
Proximity hover
Font weight shifts
Accessible by default
Radix + Base UI
Functional clarity
Dropdown
ComboboxNew
InputCopy
NameRoleStatus
AliceEngineerActive
BobDesignerAway
CarolPMActive
DanEngineerOffline
Table
InputGroup
Button
Dialog
Tooltip
PublishedActiveDeclined
Badge