Components
Accessible, mobile friendly, modern UI components.
Special Animations
![Cobeglobe](/previews/components/core/cobeglobe-preview.png)
Cobeglobe
A globe animation which is Interactive and customizable.
![Globe anime](/previews/components/core/globeanime.png)
Globe anime
A 3d illustuation globe for backgrounds
![Search](/previews/components/core/search.png)
Search
Fast, composable, unstyled command menu for React.
![Spotlight card](/previews/components/core/card.png)
Spotlight card
A spotlight effect with Tailwind CSS, good for drawing attention to a...
![Tag](/previews/components/core/3dtag.png)
Tag
An interactive 3D event badge with React Three Fiber.
Sections
![Bentogrid](/previews/components/core/bentogrid.png)
Bentogrid
Bento grids is a layout used to showcase the features of a product in...
![Companies](/previews/components/core/companies.png)
Companies
These components are used to build the social proof section of the...
![Particles](/previews/components/core/particle.png)
Particles
Particles are a fun way to add some visual flair to your website....
![Pricing](/previews/components/core/pricing.png)
Pricing
These components are used to build the pricing of the website.
![Progress slider](/previews/components/core/slider.png)
Progress slider
A Image slider which slides over time with animations
![Timeline](/previews/components/core/timeline.png)
Timeline
A drop zone is an area into which one or multiple objects can be...
Background Animations
Text Animations
![Blurin](/previews/components/core/blurin.png)
Blurin
Text animation that gradually blurs in from an out-of-focus state.
![Fadedown](/previews/components/core/fadedown.png)
Fadedown
Text animation where the text fades down into view.
![Fadein](/previews/components/core/fadein.png)
Fadein
Text animation that smoothly fades text into visibility.
![Fadeup](/previews/components/core/fadeup.png)
Fadeup
Text animation where the text fades up as it appears.
![Gradual spacing](/previews/components/core/spacing.png)
Gradual spacing
Text animation that increases letter spacing gradually.
![Letter pull up](/previews/components/core/letterpullup.png)
Letter pull up
Text animation where each letter pulls up into place.
![Multi direction slide](/previews/components/core/multidirection.png)
Multi direction slide
Text animation where text slides in from multiple directions.
![Scroll Based Velocity](/previews/components/core/scroll.png)
Scroll Based Velocity
Text animation that changes speed based on scroll position.
![Seperate Away](/previews/components/core/seperateaway.png)
Seperate Away
Text animation where letters move apart from each other.
![Slight Flip](/previews/components/core/flip.png)
Slight Flip
Text animation with a subtle flipping effect on each letter.
![Typing Effect](/previews/components/core/typingeffect.png)
Typing Effect
Text animation that simulates typing out each character.
![Wavy text](/previews/components/core/wavy.png)
Wavy text
Text animation where the text moves in a wavy motion.
![Word pull up](/previews/components/core/wordpullup.png)
Word pull up
Text animation where entire words pull up into view.