Macbook Scroll

Scroll through the page and see the image come out of the screen.

Background Lines

A set of svg paths that animate in a wave pattern. Good for hero sections background, as seen on height.app

Container Scroll Animation

A scroll animation that rotates in 3d on scroll. Perfect for hero or marketing sections.

Flip Words

A component that flips through a list of words

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.