Animated | Griffin CSS

Griffin CSS

Components / Animated

Layout ⬛Layouts10 🧭Navigation10

UI Elements 🃏Cards20 🔘Buttons20 📝Forms6 🪟Modals6 💬Popups10

Patterns 📊Dashboard5 🚀Landing Pages5 🔔Feedback10 ✨Interaction10

Advanced 🎭Animated6 🎨Design Components6 🧩UI10

Animated

6 purely CSS-animated components ... click any tile to copy its HTML.

Animated HTML

Copy and paste into your project

HTML

💡 Add <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/AliAhmad1101/griffin-css@main/griffin.css"> to your <head>. All animated classes are prefixed gfna- to guarantee zero collisions. Typewriter and Skill Bars require the small inline JS shown in the snippet.