copy-paste free responsive handdrawn html templates

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! 💞