Motion.dev Inspired
Animation ShowcaseAnimation Showcase

Professional animations and micro-interactions for your AdTecher site

Animated Numbers

$0.0k

Total Spend

0.00x

Average ROAS

0

Partner Agencies

Magnetic Buttons

Glow Cards (Cursor-Following)

✨

Premium Feature 1

Move your cursor over this card to see the magical glow effect following your mouse.

✨

Premium Feature 2

Move your cursor over this card to see the magical glow effect following your mouse.

✨

Premium Feature 3

Move your cursor over this card to see the magical glow effect following your mouse.

Stagger Animations

Vertical Stagger (Up)

Stagger Item 1

Stagger Item 2

Stagger Item 3

Stagger Item 4

Stagger Item 5

Grid Stagger

1
2
3
4
5
6
7
8

Text Animations

Fade In

This text fades in smoothly

Slide Up

This text slides up from below

Blur

This text has a blur-to-focus effect

Word by Word

Eachwordappearsonebyonewithsmoothtiming

Gradient with Shine

Beautiful Gradient Text with ShineBeautiful Gradient Text with Shine

Combined Example

Premium FeaturesPremium Features
0.0%

Uptime

$0M+

Protected

< 0ms

Latency

🎨 How to Use

All these components are ready to use in your AdTecher site!

import { AnimatedNumber, MagneticButton, GlowCard } from "@/components/ui";

Each component is:

  • ✅ Performance optimized
  • ✅ Fully responsive
  • ✅ Accessible
  • ✅ Type-safe (TypeScript)
  • ✅ Customizable