Interactions | Griffin CSS

Griffin CSS

Components / Interaction

Layout ⬛Layouts10 🧭Navigation10

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

Patterns 📊Dashboard5 🚀Landing Pages5 🔔Feedback10 ✨Interaction10

Advanced 🎭Animated6 🎨Design Components6 🧩UI10

Interaction

10 animated interaction components ... click the meta bar on any tile to grab the HTML.

Interaction 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 interaction classes are prefixed gfni- to guarantee zero collisions. Some interactions need the small inline JS shown in the snippet.