Copy-Paste Free Handdrawn HTML Templates 🎨🦋
Looking for creative UI components with a hand-drawn aesthetic? I created 3 free copy-paste HTML templates built with Butterfly CSS!
🗨️ 1. Buttermonials – Testimonials Template
Perfect for testimonials sections in landing pages and portfolios.
🔗 Demo: https://amr2010m.github.io/butterkit/buttermonials.html
📂 2. Handdrawn Sidebar Template
A notebook-inspired sidebar with a playful sketchy style.
🔗 Demo: https://amr2010m.github.io/butterkit/aside.html
🃏 3. Handdrawn Card Template
Creative cards that instantly make your website feel more alive.
🔗 Demo: https://amr2010m.github.io/butterkit/box.html
All templates are powered by Butterfly CSS, an attribute-based framework that lets you build stunning, responsive websites without class soup. Just write intuitive HTML attributes and enjoy effects like handdrawn, birthday-paper, ball-move, dark mode utilities, and much more. 🦋✨
🌐 Website: https://butterflycss.amrzlabs.com/
📚 Documentation: https://butterflycss.amrzlabs.com/docs
📋 Buttersheet (Cheatsheet): https://butterflycss.amrzlabs.com/buttersheet
🚀 GitHub: https://github.com/AMR2010M/butterfly-css
Copy, paste, customize, and build something fun! 💞
Top comments (0)