Griffin CSS
Components / Modals
Modals

6 animated modal components ... click any preview to launch the live modal, then grab its HTML. CSS is loaded from your CDN link.

🔮
Enable Pro Features
Unlock unlimited projects, advanced analytics, and priority support. Your team will love it.
Share to
Choose where to send this
🐦
Twitter / X
Share to your timeline
💬
WhatsApp
Send to a contact
🔗
Copy Link
Copy to clipboard
📧
Email
Send via email
🚀
⚡ New Release
Griffin CSS v2.0 is here
50 new components, dark mode improvements, and a completely redesigned token system. The biggest update yet.
🗑
Delete this project?
This will permanently delete "Nova Dashboard" and all its data. This action cannot be undone.
🔍 ESC
Recent
📊
Open Dashboard
analytics/overview
Page
🧩
Component Library
design/components
Page
Actions
✏️
New Document
Create a blank document
⌘N
🚀
Deploy to Production
Trigger a new deployment
Action
👤
Invite Team Member
Add someone to this workspace
↑↓ Navigate
↵ Open
ESC Close
Step 1 of 4
Modal HTML
Copy and paste into your project
HTML 

      
💡 The CSS is loaded via your Griffin CDN link. Use gfn-m-overlay + gfn-m-active to show/hide. Toggle the class with a button or JavaScript.