Macbook Scroll
Scroll through the page and see the image come out of the screen.
Container Scroll Animation
A scroll animation that rotates in 3d on scroll. Perfect for hero or marketing sections.
GitHub Globe
A globe animation as seen on GitHub's homepage. Interactive and customizable.
Glowing Background Stars Card
Card background stars that animate on hover and animate anyway
Hero Highlight
A background effect with a text highlight component, perfect for hero sections.
Hero Parallax
A scroll effect with rotation, translation and opacity animations.
Sparkles
A configurable sparkles component that can be used as a background or as a standalone component.
Spotlight
A spotlight effect with Tailwind CSS, good for drawing attention to a particular element on the page.
Animated Tabs
Tabs to switch content, click on a tab to check background animation.
Text Generate Effect
A cool text effect that fades in text on page load, one by one.
Text Reveal Card
Mousemove effect to reveal text content at the bottom of the card.
Typewriter Effect
Text generates as if it is being typed on the screen.
We are working hard to bring you more components. Bookmark this page to stay tuned!