ABOUT THE PROJECT

BUILT FOR
PEOPLE WHO
JUST WANT TO
SHIP.

No accounts. No paywalls. No npm install. Templix is a free, open-source library of HTML & CSS components you can copy and use anywhere.

MANIFESTO

WHY
TEMPLIX
EXISTS.

Building a landing page shouldn't require installing a framework, spinning up a bundler, or signing up for a SaaS. The web is made of HTML and CSS — and those two things are still more than enough to build something beautiful.

Templix started as a personal collection of components built during late-night side projects. Navbars that actually looked good. Hero sections without the purple gradient clichés. Footers that weren't copy-pasted from Bootstrap.

The idea is simple: every component is a single standalone HTML file. Open it in a browser, copy what you need, paste it into your project. No tree-shaking, no config files, no dependency hell.

Templix is open source and free forever. If you use it, contribute back. Add a template, fix a bug, improve the docs. The library grows better when more people put their taste into it.

PRINCIPLES
WHAT WE
CARE ABOUT.
No dependencies
Every template runs in a browser with zero npm packages, zero build steps, zero config. Just a file.
Open source
MIT licensed. Fork it, remix it, sell it in your own products. The only rule is give credit where it's due.
Design quality
Templates are crafted to look good — not generated, not copied from docs. Intentional spacing, type, and color.
Clean code
Readable, semantic HTML. CSS that makes sense. No inline spaghetti. Easy to understand and modify.
Copy-paste first
The workflow is intentionally simple. See something you like, grab the code, use it. No viewer required.
Community driven
The library improves when people contribute. Submit a template, open an issue, share your fork.
27+
TEMPLATES
8
CATEGORIES
0$
FOREVER FREE
0
DEPENDENCIES
TECH STACK
NOTHING
FANCY.
HTML5
Semantic, accessible markup. No frameworks.
CSS3 + Custom Properties
CSS variables for easy theming, no preprocessors.
Vanilla JavaScript
Only when needed. No jQuery, no lodash, no bundler.
Google Fonts
Bebas Neue, DM Sans, Space Mono — loaded via CDN.
SVG Icons
Inline SVGs throughout. No icon font, no extra requests.
MIT License
Use in personal and commercial projects, no restrictions.
OPEN SOURCE

CONTRIBUTE
ON GITHUB.

Templix lives on GitHub. Found a bug? Want to add a template? Have opinions about the design? Pull requests are open.

Adding a new template is two steps: drop the HTML file in the right folder, add one line to templates.js. That's the whole process.

View on GitHub Browse Templates
templates.js
// 1. Add your HTML file to navbars/ // 2. Register it here — done. navbars: [ { id: "nav-glass", name: "Glassmorphic", file: "navbars/glass.html", tags: ["dark", "glass"] }, // your template goes here { id: "nav-yours", name: "Your Navbar", file: "navbars/yours.html", tags: ["dark", "minimal"] }, ],
THE MAKER
M
muaves
@muaves

Designer and developer. I build things for the web — mostly side projects that scratch some itch. Templix started as a personal stash of components and grew into something worth sharing. I care a lot about design quality and clean code.

muaves.com GitHub templix.muaves.com