Trusted by 5000+ Devs, Agencies, & Startups

Animated UI Components for React & Tailwind

Addicting, interactive, animated UI components for React, Tailwind CSS, Framer motion logo Framer Motion & more. Copy & paste them into your code with 2 clicks.

A Component You Love
Code
1// Take the code & drop it
2// into your project!
3
4export const WetPaintButton = () => {
5 return (
6 <button className="group relative rounded bg-indigo-600 px-4 py-2.5 font-semibold text-white transition-colors hover:bg-indigo-600">
7 Wet Paint Button
8
HomeAboutFeatures
logo.
Your Website
Using Hover Components

Simply copy & paste hover components directly into your React & Tailwind projects for an instant dope-ness increase of over 9000%

It's pretty straight forward

Like a component? Just hit the CODE toggle to get the source code.

Get code

Encrypt Button

Free
Browse all
VIEW ButtonsClick it in style

Buttons

A branded button is great way to make your website memorable.

VIEW Navbars & MenusNavigate smoothly

Navbars & Menus

Getting your users from point A to point B can be fun.

VIEW Carouselsa lot to show?

Carousels

Sometimes you've got a lot to show... like the component you're looking at now!

VIEW Hero SectionsGreat first impressions

Hero Sections

The first thing users see on your website leaves a lasting impression.

VIEW Dropdown MenusMore to show?

Dropdown Menus

Got links on links on links on links on links on links on links on links on links on links on links on links on links?

VIEW Testimonial Sectionspeople love you

Testimonial Sections

Show all of that trust you've built your users.

VIEW TogglesDark mode, anyone?

Toggles

Attention to detail goes a long way to making your website sticky.

VIEW Features SectionsShow, don't tell

Features Sections

Exploring your product's features should be as engaging as actually using it.

VIEW ButtonsClick it in style

Buttons

A branded button is great way to make your website memorable.

VIEW Navbars & MenusNavigate smoothly

Navbars & Menus

Getting your users from point A to point B can be fun.

VIEW Carouselsa lot to show?

Carousels

Sometimes you've got a lot to show... like the component you're looking at now!

VIEW Hero SectionsGreat first impressions

Hero Sections

The first thing users see on your website leaves a lasting impression.

VIEW Dropdown MenusMore to show?

Dropdown Menus

Got links on links on links on links on links on links on links on links on links on links on links on links on links?

VIEW Testimonial Sectionspeople love you

Testimonial Sections

Show all of that trust you've built your users.

VIEW TogglesDark mode, anyone?

Toggles

Attention to detail goes a long way to making your website sticky.

VIEW Features SectionsShow, don't tell

Features Sections

Exploring your product's features should be as engaging as actually using it.

Start here. People like these.

All Components

Components are built with React, Tailwind CSS, and some combination of Framer Motion, vanilla JS animations, keyframes animations, or another popular, stable JavaScript animation library. We do our best to keep everything up to date with the latest version of each package, but let us know if you run into any problems.

Suggest new components for us to build by hitting the icon anywhere you see it.

FREE for basic components, or...

Hover Pro

$49/forever$99

+ local taxes

Lifetime accessBuy once, use forever. No monthly subscription you'll forget to cancel.

All inclusiveDownload and use every component in our library ∞ times.

Current & futureNew components added weekly to inspire your next page or feature.

Priority suggestionsAny user can submit suggestions for new components, but your suggestions will be prioritized.

Modern techAll components are built with React and styled with Tailwind CSS.