.svg){kind=icon}
Static code analysis tool you need for your HTML.
A Directory of Design Resources & Tools. The best digital design resources from around the Web in one place.
Lit is a simple library for building fast, lightweight web components.
At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast and expressive.
Generator, Maker, and Background
Tailwind Admin Dashboard Template.
TailAdmin is a free and open-source admin dashboard template built on React and Tailwind CSS, providing developers with everything they need to create a comprehensive, data-driven back-end, dashboard, or admin panel solution for upcoming web projects.
Modern.js is a web engineering system.
Visual primitives for the component age.
Use the best bits of ES6 and CSS to style your apps without stress 💅🏾
Theme toggles is a collection of awesome, easy to use, animated toggles; designed for switching between light and dark modes. It's a modular library which aims to provide ample customization where needed. Works great utility CSS frameworks such as Tailwindcss.
Esoteric Color Palette Generation Library.
"poline" is an enigmatic color palette generator, that harnesses the mystical witchcraft of polar coordinates. Its methodology, defying conventional color science, is steeped in the esoteric knowledge of the early 20th century. This magical technology defies explanation, drawing lines between anchors to produce visually striking and otherworldly palettes. It is an indispensable tool for the modern generative sorcerer, and a delight for the eye.
The best SaaS Web Design Inspiration
A curated collection of the best SaaS websites on the web. Quickly find the inspiration you’re looking for with our page & stack filters.
A general situation that we all might face while going through websites/apps is to wait for some progress or something to get loaded. A most simple solution in such scenarios is to use a loader or spinner to indicate users that something is loading in the background. Considering this, I tried to create a library having a collection of such loaders/spinners. There are no image dependencies for this library. It's developed using pure CSS. Hence it will load fast and is easily customizable too.
Create SVG waves for your next design
Soft UI CSS shadow generator
PatternFly is an open source design system created to enable consistency and usability across a wide range of applications and use cases. PatternFly provides clear standards, guidance, and tools that help designers and developers work together more efficiently and build better user experiences.
Quickly craft clean, responsive emails.
HEML is an open source markup language for building responsive email. It gives you the native power of HTML without having to deal with all of the email quirks. HEML makes building emails as easy as building websites.
Build HTML emails faster than you can say "Outlook".
If you know Bootstrap, you know Bootstrap Email. Ever wish you could just write HTML emails with Bootstrap and have it actually work? Well now you can. Inspired by syntax you know and love you can write simpler code and compile it so it works in every email client.
Responsive Layouts for Email.
Antwort offers responsive layouts for Email that both fits and adapts to client widths. Don't underwhelm desktop users with single column layouts that work for mobile. Antwort offers columns on desktop that automatically become rows on mobile.
Patterns for Responsive HTML Email Templates.
A few simple, but solid patterns for responsive, accessible HTML email in (almost) every email client.
A Responsive Email Framework from ZURB.
Foundation for Emails (previously known as Ink) is a framework for creating responsive HTML emails that work in any email client — even Outlook. Our HTML/CSS components have been tested across every major email client to ensure consistency. And with the Inky templating language, writing HTML emails is now even easier.