BoringUI React components

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

Release note · 2.4

Ship after the reviewone final pass.

NeatAnnotationNew

Visual QA · Field note

Keep the human edgeintentionally uneven.

WobbleNew
01

Review notes

02

Open questions

03

Next steps

04

Release plan

More below
ProgressiveBlurNew
Loading messagesCatching up on the thread
GradientSpinNew

Searching the workspace

Reading routes, components, and recent changes.

Listening
Composing
ThinkingOrbNew
Release 2.4Draft

Make the state change feel earned.

ShaderSweepNew
Opacity35
Volume
60%
Slider
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
BlurNumberNew
Monthly visitors1,284
NumberFlowNew
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
InputCopy
NameRoleStatus
AliceEngineerActive
BobDesignerAway
CarolPMActive
DanEngineerOffline
Table
InputGroup
Button
Dialog
Tooltip
PublishedActiveDeclined
Badge