Component library · techies.tools
Patterns
Ready-made pieces in your style.
A library of 3 ready-made interface pieces, such as buttons, cards, and scroll panels, drawn with your active Framework.
Why it exists
The problem, and how Patterns fixes it
The problem
Copying a component from the web means rewriting its colors, fonts, and spacing until it fits your site.
The fix
Every pattern already uses your Framework, so it matches your site the moment you copy it.
What it does
Everything in Patterns
Drawn in your Framework
Colors, type, spacing, and corners come from the Framework you set up, so each pattern looks like your site.
Focused settings
Open a pattern to adjust a few clear choices, with its preview and source side by side.
Plain HTML and CSS
Inspect and copy semantic HTML and Framework-based CSS. No build step and no library to install.
Security and privacy
Where your data lives
- No account. Your pattern settings are saved only in your browser.
- Some preview images load from Unsplash and Pexels.
No ads, analytics, or tracking cookies. This page asks GitHub for the public star count.
Where to find it
Address, code, and price
- Address
- techies.tools/patterns
- Licence
- MIT: free to use and repurpose, at your own risk
- Price
- Free
Who makes this
Made by Lex
Hi, I'm Lex. I run Techies Reviews, where I test and explain web tools on YouTube and techies.review.
When a tool works well enough for me, I put it here for free, and I share its code on GitHub so you can see exactly what it does.
More from Techies