Codebase

A collection of codebase to help you with your projects.

Horizontally and vertically center a container using Flexbox.

Centered

A modern glassmorphism card with backdrop blur and transparency.

This card features a glassmorphism design with backdrop blur effect.

A modern card with gradient background and shadow effect.

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

A button with smooth hover animation and color transition.

A smooth rotating loading spinner with CSS animation.

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

An animated progress bar with gradient fill and percentage display.

75%

A pulsing circle animation with scaling and opacity effects.

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

Welcome!

Text slides in smoothly

A modern toggle switch with smooth animation and hover effects.

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