back to top
Tadafy logo

Features

TadafyWebflow logo
copy
paste
Copy components in seconds and drop them right into Webflow. Try it!
Tadafy visual groups

Style categories

Discover, preview, and clone your favorites with style-based categories.
Tadafy cross browser compatibility
Cross-browser compatibility
Tested and validated on all major browsers — Chrome, Safari, Firefox, Edge, Opera & Brave.
clickick what is your style

100% customizable

Redesign your favorite component with ease of customization — just pick one, choose your favorite font, select a color, and define the shape.

No fixed sizes!

Yes, it’s true. All buttons are dynamic and scalable — which means they automatically adapt to the label length and padding.

Tadafy responsive buttons
Tadafy perfectly balanced animations

We focus on every animation detail, so easing, movement, and timing are perfectly balanced and synchronized.

Tadafy pure CSS

no-code

No custom code. No JavaScript. No coding skills needed!
Tadafy pure CSS

pure css

No custom code, no JavaScripts, no coding skills needed!
Tadafy time is money

Clone It. Done.

Why spend hours crafting interactions when you can clone them in seconds? Save time, save money.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
toggle buttons

Live preview

No surprises — every component works exactly as shown in the collection. Therefore, you, your client, or even your mom can try it before kickoff.

try it!
Tadafy icon set
Tadafy wow effect

ta-da moment

Stand out. Use our library of carefully crafted micro-components to add layers of surprise and personality, transforming a good user experience into a remarkable one.

New items every week

We’re updating our collection regularly, so our library grows continuously. Stay tuned and subscribe to our newsletter.
Tadafy quality guarantee

quality guarantee

Take your project further with components that reflect true quality. Fully optimized to deliver a premium, polished feel to any project.
Tadafy BEM

BEM naming convention

No more guessing games with class names. Each component follows a logical BEM structure with unique class and interaction names, ensuring clean CSS and easy-to-read navigation.
Tadafy 200+ cloneable itemsTadafy 200+ cloneable itemsTadafy 200+ cloneable items
extras

Easing Cheat Sheet

And other cool resources to sharpen your web skills!

Tadafy-Easing__Linear
linear

linear

Tadafy-Easing__Linear
Tadafy-Easing__Ease-In
ease in

ease out
Tadafy-Easing__Ease-Out
Tadafy-Easing__In-Sine
in-sine


out-sine
Tadafy-Easing__Out-Sine
Tadafy-Easing__In-Quad
in-quad

out-quad
Tadafy-Easing__Out-Quad
Tadafy-Easing__In-Cubic
in-cubic

out-cubic
Tadafy-Easing__Out-Cubic
Tadafy-Easing__Int-Quart
in-quart

out-quart
Tadafy-Easing__Out-Quart
Tadafy-Easing__In-Quint
in-quint

out-quint
Tadafy-Easing__Out-Quint
Tadafy-Easing__In-Expo
in-expo

out-expo
Tadafy-Easing__Out-Expo
Tadafy-Easing__In-Circ
in-circ

out-circ
Tadafy-Easing__Out-Circ
Tadafy logo

Supercharge your projects to the next level with our cloneable items!

Tadafy Kick your web design to the next level
newsletter

Stay tuned!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Get exclusive News & Updates straight to your inbox.
Once per month.