ui bits

All components

Components

Fill ButtonComponents
buttonctagsaphover
SidebarComponents
navigationsidebarlayoutcollapsibleresizable
DropdownComponents
formselectdropdownkeyboardaccessible
Pill NavComponents
navigationtabsmotionlayout
Like ButtonComponents
buttonlikemotionparticlessocial
Segmented ToggleComponents
togglesegmentedtabsmotionlayout
Animated MenuComponents
menunavigationhovericonsmotion
Rainbow ButtonComponents
buttonctagradientrainbowmotion
Otp InputComponents
formotpinputmotionlayout
TooltipComponents
tooltipoverlayhovermotionpopover
Rubber SliderComponents
sliderinputdragelasticmotion
Star RatingComponents
ratingstarsinputmotionfeedback
Theme ToggleComponents
toggleswitchthemedark-modemotion
Tilt CardComponents
3dtilthovercardmotion
Magnetic ButtonComponents
buttoncursormagneticspringmotion
AccordionComponents
accordiondisclosurecollapseaccessiblemotion
DockComponents
dockmacosmagnifynavigationmotion
Floating InputComponents
forminputfloating-labelmaterialmotion
Hold ButtonComponents
buttonconfirmpress-holddestructivemotion
Mood PickerComponents
pickermoodemotionmorphfeedbackmotion
Peek PasswordComponents
formpasswordinputmascotloginmotion
Border BeamComponents
cardborderbeamanimatedglow
MarqueeComponents
marqueescrollinfinitelooplogos
Radial ProgressComponents
progressringcircularcountersvg
Range SliderComponents
sliderrangeinputfilterpricedual-handleaccessible
Command PaletteComponents
command-palettecmdksearchkeyboardmenumotion
Reorder ListComponents
listdragreordersortablekeyboardmotion
StepperComponents
stepperinputnumberquantitypress-holdmotion
Flip CardComponents
card3dfliphovermotion
Tag InputComponents
inputtagschipsformmotion
TabsComponents
tabsnavigationindicatormotion
Speed DialComponents
fabmenuactionsbuttonmotion
Stage TrackerComponents
progressstepsstagesonboardingmotion
Gooey MenuComponents
speed-dialfabgooeymetaballmenumotion
Password StrengthComponents
passwordinputstrength-metervalidationformaccessible
Color PickerComponents
inputcolorpickerswatchesaccessible
Notification StackComponents
notificationstackcollapsemotionlist
File DropComponents
uploaddrag-dropfileinputaccessible
Image CompareComponents
comparesliderbefore-afterdragaccessible
Thinking DotComponents
aichatthinkingloadingstatuspulseanimation
Thinking StepsComponents
aichatthinkingstepsreasoningloadingstatusanimation
Thinking ToolsComponents
aichatthinkingtoolsstatusloadinganimationsequential
Vinyl PlayerComponents
musicplayervinylaudiospringthreads
Frame TrailComponents
imagegallerytransitionframesmotioncodrops
Prompt EnhancerComponents
aiinputpromptenhancetextareashimmershapeof-ai

3D

Poster Drum3D
3dcarouselcylindercinemadragcss-3d
Poster Helix3D
3dhelixspiralcinemadragcss-3d
Cover Flow3D
3dcarouselcoverflowdragperspective
Tinder slides3D
Cube Showcase3D
3dcuberotatedragshowcase
Tag Sphere3D
3dspheretagsclouddrag
Depth Tunnel3D
3dtunneldepthparallaxscroll

Scroll

Honeycomb GridScroll
gridhexfisheyedragvirtualizedapple-watch
Scroll StackScroll
scrollstickycardsstackmotion
Scroll VelocityScroll
scrollvelocitymarqueemotionticker
Horizontal ScrollScroll
scrollhorizontalgallerystickymotion
Scroll Spy NavScroll
scrollspynavin-viewdocs
Path DrawScroll
scrollsvgpathmotiondrawsticky
Scroll MaskScroll
scrollrevealclip-pathstickymotion
Scroll ZoomScroll
scrollzoomscalestickymotion
Reading HighlightScroll
scrolltexthighlightreadingmotion
Scroll RotateScroll
scrollrotatestickytransformmotion
Scroll SnapScroll
scrollsnappagernavigationmotion
Scale CarouselScroll
scrollcarouselcoverflowswipesnapscale
Arc CarouselScroll
scrollcarouselarcswipesnapfan
Focus CarouselScroll
scrollcarouselfocusblurswipesnap
Tilt CarouselScroll
scrollcarouselcoverflowtiltperspectiveswipe

Text Animations

Scramble TextText Animations
textscrambleglyphhoverdecode
Number TickerText Animations
numbercounterodometerrollmotion
Typewriter TextText Animations
texttypewritertypingcaretmotion
Shiny TextText Animations
textshimmershinegradientsweep
Split TextText Animations
textsplitstaggerin-viewreveal
Blur TextText Animations
textblurfocusin-viewreveal

Backgrounds

Dot GridBackgrounds
canvasbackgroundcursorgridinteractive
AuroraBackgrounds
backgroundauroragradientanimatedambient
ParticlesBackgrounds
canvasbackgroundparticlesstarfieldambient
RippleBackgrounds
backgroundrippleinteractivemotion
WavesBackgrounds
backgroundwaveslinescanvasambient
GridBackgrounds
backgroundgridlinescanvasambient
BeamsBackgrounds
backgroundbeamslightcanvasambient
ThreadsBackgrounds
backgroundthreadslinescanvasambient
StarfieldBackgrounds
backgroundstarswarpcanvasspace
PlasmaBackgrounds
backgroundplasmawavescanvasambient
GrainBackgrounds
backgroundgrainnoisecanvastexture
Flow FieldBackgrounds
backgroundcanvasflow fieldparticlesnoiseambientgenerative
Mesh GradientBackgrounds
backgroundmesh-gradientcanvasgradientambientanimated
LightningBackgrounds
backgroundlightningcanvasanimatedambient
Hex PulseBackgrounds
backgroundhexagonpulsecanvasambient
Noise ContoursBackgrounds
backgroundcontoursnoisecanvasambient
RainBackgrounds
backgroundrainparallaxcanvasambient
VortexBackgrounds
backgroundvortexspiralcanvasambient
Liquid ChromeBackgrounds
backgroundwebglshaderchromemetalinteractive
Liquid GlassBackgrounds
backgroundwebglshaderglassrefractioninteractive
IridescenceBackgrounds
backgroundwebglshaderiridescentmetalinteractive