A fully animated, open-source React component distribution. Browse a list of animated primitives, components and icons you can install and use in your projects.
A scrolling wheel that displays GitHub stars count.
A background component featuring a subtle yet engaging animated gradient effect, smoothly transitioning colors to enhance visual depth.
Demo showing a gradient background.
A gradient text animation.
Demo showing an animated gradient text.
A background component featuring a subtle yet engaging animated gravity stars effect.
Demo showing a gravity stars background.
Hammer icon component.
Checkboxes provide the same functionality as native HTML checkboxes, without any of the styling, giving you a clean slate to design them however you'd like.
Demo showing an animated headless checkbox.
A fully-managed, renderless dialog component jam-packed with accessibility and keyboard features, perfect for building completely custom dialogs and alerts.
Demo showing an animated headless dialog.
A simple, accessible foundation for building custom UIs that show and hide content, like togglable accordion panels.
Demo showing an animated headless disclosure.
Popovers are perfect for floating panels with arbitrary content like navigation menus, mobile menus and flyout menus.
Demo showing an animated headless popover.
Switches are a pleasant interface for toggling a value between two states, and offer the same semantics and keyboard navigation as native checkbox elements.
Demo showing a headless switch.
Demo showing an animated headless switch.
Easily create accessible, fully customizable tab interfaces, with robust focus management and keyboard navigation support.
Demo showing a headless tabs.
Demo showing an animated headless tabs.
Heart icon component.
A background component featuring an interactive hexagon grid.
Demo showing a hexagon background.
A highlight effect that allows you to highlight elements on hover, click or with a controlled value.
Demo showing an animated highlight.
A highlight text animation.
Demo showing an animated highlight text.
A background component featuring an animated hole grid.
Demo showing a hole background.
House wifi icon component.
For sighted users to preview content available behind a link.
Demo showing a hover card.
Base component to use animated icons.
An icon button component with a variety of styles and animations.
Demo showing an icon button.
An effect that allows you to zoom in on an image on hover.
Demo showing a image zoom effect.
(No description)
Kanban icon component.
Key icon component.
Layers 2 icon component.
Layers icon component.
Layout dashboard icon component.
Lightbulb icon component.
Lightbulb off icon component.
Link 2 icon with connect/unlink animations.