Logo
Blockies Animate.

Animations for GSAP, Framer Motion & Tailwind CSS

Designed for performance, ease of use, and seamless integration into any modern project.

View Animations
Blockies Animate on Product Hunt
Logo
No dependencies
Guaranteed 60fps
Fully customizable
technology

Optimize your workflow

Key features
Featured

Code

Animations created with GSAP, Framer Motion, and Tailwind CSS to copy and paste into your projects.

@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.animate {
animation: fadeIn 0.5s;
}
Pure CSS

Optimized Performance

Designed for exceptional performance even on low-end devices with smooth 60fps animations.

Flexible

Total Customization

Easily adaptable to your color palette and visual style with CSS variables.

Easy

Easy Integration

Copy, paste, and customize. No complex setup or configuration required.

Copy
Paste
Customize
1
Copy animation
Copy and paste into your project
2
Paste animation
Paste and paste into your project
3
Customize
Adjust colors & timing

99.9% Compatible

Works on all modern browsers

Lightweight

Minimal impact on bundle size

Commercial License

Use in unlimited projects

Examples

Explore our most popular animations

Fade In Stagger

Staggered appearance

Hover Glow

Glow effect

Pulse Attention

Attention pulse

Slide In

Side slide

Bounce Scale

Scale bounce

Rotate Flip

Rotation and flip

Our Team

Meet the creative minds behind Blockies Animate .

@sir420.sol
@sir420.sol
@sir420.sol

@sir420.sol

Backend Developer

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

@Tlatolk
@Tlatolk
@Tlatolk

@Tlatolk

Frontend Developer

Passionate about creating visually stunning experiences that surprise and delight.

Pricing

Simple, affordable access

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

One-time payment

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

Frequently Asked Questions

Find answers to common questions about Blockies Animate animations, licensing, and implementation