Codebase

Breathing Animation

A subtle breathing animation with pulsing glow effect.

Center Container

Horizontally and vertically center a container using Flexbox.

Centered

Elastic Button

A button with elastic bounce effect on hover and click interactions.

Feature Card

Modern feature card with icon, gradient background and hover animations.

🚀

Fast Performance

Experience lightning-fast load times and smooth interactions with our optimized architecture.

Learn more

Flip Card

A 3D card that flips to reveal content on the back side.

Front Side

Hover to flip

Back Side

Hidden content revealed!

Glass Card

A modern glassmorphism card with backdrop blur and transparency.

Glass Card

This card features a glassmorphism design with backdrop blur effect.

Glitch Text Effect

Cyberpunk-style glitch text with RGB color separation and distortion.

GLITCH

Gradient Border Card

A card with animated gradient border that rotates around the edges.

Gradient Border

This card has an animated gradient border effect.

Gradient Card

A modern card with gradient background and shadow effect.

Gradient Card

This card features a beautiful gradient background with smooth shadow effects.

Holographic Card

A card with holographic rainbow effect and dynamic color shifting.

Holographic

Rainbow border effect

Hover Button

A button with smooth hover animation and color transition.

Infinite Scroll Animation

Seamless infinite scrolling text animation with smooth looping.

• Breaking News • Latest Updates • Important Information

Liquid Button

A button with liquid hover effect that fills from bottom to top.

Loading Spinner

A smooth rotating loading spinner with CSS animation.

Magnetic Button

A button with magnetic hover effect that follows cursor movement.

Matrix Rain Effect

Digital rain effect inspired by The Matrix with falling characters.

1
0
1
0
1
1
0
1
0
1

0
1
0
1
0
1
1
0
1
0

1
1
0
0
1
0
1
0
1
1

0
0
1
1
0
1
0
1
0
0

1
0
1
0
1
1
0
1
0
1

0
1
0
1
0
1
1
0
1
0

1
1
0
0
1
0
1
0
1
1

0
0
1
1
0
1
0
1
0
0

1
0
1
0
1
1
0
1
0
1

0
1
0
1
0
1
1
0
1
0

Morphing Loader

A creative loader with morphing shapes and gradient colors.

Neon Text Effect

Glowing neon text with animated pulsing effect and multiple shadows.

NEON

Neumorphism Button

A soft UI button with neumorphism design and pressed state effect.

Parallax Card

A 3D card with parallax hover effect and depth layers.

Parallax Card

Hover for 3D effect

Particle Button

A button with particle explosion effect on hover using CSS animations.

Progress Bar

An animated progress bar with gradient fill and percentage display.

75%

Progress Circle

Animated circular progress indicator with percentage display.

70

Project Progress

Pulse Animation

A pulsing circle animation with scaling and opacity effects.

Skeleton Loader

A modern skeleton loading animation with shimmer effect.

Slide In Text

Text animation that slides in from the left with fade effect.

Welcome!

Text slides in smoothly

Toggle Switch

A modern toggle switch with smooth animation and hover effects.

Tooltip

A hover tooltip with arrow pointer and fade-in animation.

Typing Animation

Realistic typing animation with blinking cursor effect.

Hello, I'm a typing animation!

Wave Animation

Smooth wave animation with multiple layers and gradients.