Page Templates
Production-ready, copy-paste page templates built entirely with Focus UI components. No custom CSS required.
About These Templates
Each template is fully functional and responsive, using only Focus UI classes and components. Simply copy the HTML, customize the content, and you're ready to go. All templates are mobile-first and adapt beautifully to any screen size.
Available Templates
Dashboard Layout
A complete dashboard with fixed sidebar navigation, top navbar with user menu, and responsive card-based content area. Perfect for admin panels and data-heavy applications.
Landing Page
A modern landing page with hero section, features grid, call-to-action, and footer. Perfect for product launches and marketing sites.
Admin Panel
A complete admin panel with sidebar navigation, top bar with search and user menu, and data tables. Ideal for backend management systems.
Login Page
A modern login page with centered card, form validation, social login buttons, and remember me option. Perfect for authentication pages.
Blog Layout
A complete blog layout with header, two-column layout (main content and sidebar), article cards, and footer. Ideal for blogs and content-heavy sites.
How to Use These Templates
Copy & Paste
Open any template, copy the HTML source, and paste it into your project. Include the Focus UI CDN links and you're ready to go.
Customize Colors
Swap color classes to match your brand: focus-btn-primary → focus-btn-success. See all options in Theming.
Add Components
Enhance templates with modals, toasts, form validation, and more from the component library.
Dark Mode Built-in
All templates support dark mode automatically. Add a theme toggle and your users can switch themes instantly.