BoringUI React components

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

Your components are ready

Copy them into your project and make them yours.

BannerNew
CalendarToday
New fileBlank document⌘N
SettingsAccount and workspace⌘,
Search everywhereFiles, people, messages⌘⇧F
Toggle dark modeSystem, light, or dark⌘⇧L
Copy linkTo this page⌘⇧C
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

Reading list

6 saved
  • Make room for the important things

    Design · 6 min read

  • Interfaces that get out of the way

    Interaction · 4 min read

  • Motion should explain what changed

    Motion · 5 min read

  • The quiet power of good spacing

    Layout · 3 min read

  • Small details, better everyday tools

    Craft · 8 min read

  • Designing for a slower moment

    Design · 4 min read

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 results…Compiling 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