DEV Community

Cover image for I Built a Modular Tailwind + Web Components Template for Corporate Websites
Hicham
Hicham

Posted on

I Built a Modular Tailwind + Web Components Template for Corporate Websites

🚀 Introducing Finly — A Cyber-Industrial HTML Template for Modern Financial & Corporate Websites

I built Finly to help agencies, SaaS startups, consulting firms, and financial companies launch professional websites faster using a clean and scalable architecture.

✨ Built with:
• HTML5
• Tailwind CSS
• Vanilla JavaScript Web Components

⚡ Features:
• 19+ ready pages
• Fully responsive
• Modular component system
• SEO & accessibility ready
• No framework dependency
• Modern cyber-industrial UI

Perfect for:
💼 Consulting Agencies
📈 Financial Services
🚀 SaaS Startups
🏢 Corporate Websites

🎬 Live Demo:
https://finly.h-ch.workers.dev

🛒 Get the template on Gumroad:
https://hichamche.gumroad.com/l/uzbkd

Would love your feedback from fellow developers 👇

Top comments (1)

Collapse
 
alexandersstudi profile image
Alexander

Combining Tailwind with vanilla web components brings up some interesting scoping challenges. Passing utility classes into the Shadow DOM usually requires injecting stylesheets into every component, which gets heavy fast. Sticking to the Light DOM keeps Tailwind working globally, though you sacrifice native slotting. Curious which rendering approach you took for the component architecture here.