Logo
Blockies Animate.
Featured on Product Hunt

Build cooler UIs

Pay once.

Keep forever.

Drop-in animations for modern devs. Copy, paste, and customize with props — no extra code.

View Animations

One payment, yours forever. No subscriptions, no hidden fees.

Live Animation Preview

Interactive

Fully configurable props

Particle effects
Morphing magic

TypeScript + Tailwind ready

3D perspective effects

↑ Just 5 of 20+ animations included

Trusted by 20+ developers & designers

VrakkaDebora
NoroNoro Letters
PixeleverDapper Morgan

Product Hunt users who love blockies animate

  • YosoybartsoloHey there! Just tried out Blockies Animate for Tailwind CSS, and I gotta say, it's a game-changer! Super easy to use. just copy and paste the code. The animations are not only simple to implement but also look stunning.
    YosoybartsoloProduct Hunt User
  • Jose I ParraReaalllyyy good!! Drag it, drop it, done! Just like that, you've got it animated!!! Plus, their animations look super crisp!
    Jose I ParraProduct Hunt User
  • Tony VillaverdeI just checked it out, it looks clean af!
    Tony VillaverdeProduct Hunt User
Why developers choose us

Stop wasting time on animations

Build faster, ship sooner

Pay Once, Own Forever

Forget monthly bills. With a one-time payment, you get lifetime access to all current animations and every future one we build. No limits, no upsells.

Blockies Animate$19.99 once
Always improving
✅ Last update1 week ago
🚀 Next updateCLI support
✨ New animations (basic)2–3/week
🔥 Advanced interactions2–3/month

Ready in 35 Seconds

Copy, paste, customize. No complex setup required.

Copy component2s
Paste & customize33s

TypeScript Ready

Full type safety with IntelliSense support.

<TextShimmer

duration={2.5}

color="#ff6b35"

>

Blockies Animate

</TextShimmer>

Pay Once, Own Forever
Trusted

Used by 20+ Developers

20+

Happy Developers

20+

Components

99%

Satisfaction

Commercial License

Use in client projects & sell products

Future Updates

Get new animations as we add them

Instant Access

Copy & paste immediately after purchase

See them in action

Try before you buy

Live animations

Interact with real components. Copy the code when you're ready.

ShineCard

Hover shine effect

✨

Hover anywhere on this card

Props: color, speed, intensity, direction

ZoomEffect

Magnifying glass hover

Hover to zoom
Props: zoomScale, lupaSize, enableShadow

ShootingStars

Animated background

Stars in motion
Props: count, speed, color, direction

TextShimmer

Shimmer text effect

TextShimmer Effect

Automatic shimmer animation

Props: shimmerColor, duration, spread

TextScramble

Matrix-style scramble

Hover to scramble

Interactive scramble on hover

Props: speed, characterSet, duration

Combined Effects

Multiple animations

Multiple Effects

ShootingStars + TextShimmer

Combine any animations together

Ready to use these in your projects?

Get instant access to all 20+ animations with full TypeScript support and documentation.

View All Animations
Pay Once, Own ForeverPay Once, Own ForeverPay Once, Own Forever

Pricing

Simple, affordable access

Get access to all our premium features with a single payment. No subscriptions, no hidden fees.

Exclusive Launch 50% off spots left: 0 / 50

Premium Access

$39.99 USD
50% OFF

$19.99 USDone-time

Get lifetime access to all our premium features with a single payment.

  • All updates
  • All animations
  • No subscriptions
  • No hidden fees

Secure payment processed by Stripe

Meet the creators

Built by developers, for developers

The team behind Blockies

Two passionate developers creating animations that developers actually want to use.

@sir420.sol
@sir420.sol

@sir420.sol

Backend Developer

4+ years

Specialist in backend and Web3 development, with a passion for creating innovative solutions.

Expertise:

Node.jsWeb3Next.js
@Tlatolk
@Tlatolk

@Tlatolk

Frontend Developer

3+ years

Passionate about creating visually stunning experiences that surprise and delight.

Expertise:

Tailwind CSSNext.js

Combined Experience

5+ years

Building beautiful digital products

Passion Project

100%

Built with love for the dev community

Global Team

Remote

Working across timezones

Why we built Blockies Animate

As developers ourselves, we were tired of spending hours building animations from scratch or dealing with complex libraries. We wanted something simple, beautiful, and ready to use. So we built it.

Got questions?

Everything you need to know

Frequently asked questions

Quick answers to common questions about Blockies Animate.

Still have questions?

We're here to help. Reach out to our team and we'll get back to you as soon as possible.

Join Community and get support