Structure is a declarative, Flexbox based grid framework. Structure defines layout using non-standard attributes on elements. (If you have used frameworks like AngularJS, you have already gotten some exposure to declarative syntax and non-standard attributes.
CSS gradient generator with undo, randomization, layers, edit/paste in some CSS code, and generate sharable links.
Cost / License
- Free
- Proprietary
Platforms
- Online


Fixcode is the best place to minify and unminify HTML, JavaScript, CSS, XML and JSON code
Cost / License
- Free
- Proprietary
Platforms
- Online
- Software as a Service (SaaS)

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
Cost / License
- Free
- Open Source
Platforms
- Self-Hosted
A package that resets some of the default, user agent based, styles. It doesn't affect the display property and special HTML elements like iframe, canvas, img, svg and video. This package is using the new CSS features:
Cost / License
- Free
- Open Source (MIT)
Platforms
- Self-Hosted
Free CSS Minifier/Compressor. Works with media queries, keyframes, ... Optimise your website and improve user experience.
Cost / License
- Free
- Proprietary
Platforms
- Mac
- Windows
- Linux
Welcome to the most comprehensive color tools platform. Unleash your creativity using color wheel, devise harmonious palettes with the Color Palette Builder, and create depth with the gradient options. It's a designer's playground. Enjoy exploring!
Cost / License
- Free
- Proprietary
Platforms
- Online


+2
Franken UI is a modern, themeable component library built on top of Tailwind CSS, designed to combine the best parts of popular UI frameworks like shadcn/ui, Radix UI, and Tailwind Variants into a flexible and developer-friendly system.
Cost / License
- Free
- Open Source (MIT)
Platforms
- Self-Hosted
A CLI-first CSS framework for the web with abbreviated and optimized styles for simple and scalable design systems.


+1
Marketch is a Sketch 3 plug-in for automatically generating html page that can measure and get CSS styles on it.



Cost / License
- Free
- Open Source
Platforms
- Mac
- Windows
- Linux


+3
Generating CSS3 multilayer box-shadow has never been easier. Also if you are looking for inspiration, we have about 100 predefined shadows to choose from.
Cost / License
- Free
- Proprietary
Platforms
- Online
- Self-Hosted


+1
Cost / License
- Free
- Open Source
Platforms
- Mac
- Windows
- Linux
- JavaScript
- Debian


+1
Bounce.js is a tool and JS library for generating beautiful CSS3 powered keyframe animations. The tool on bouncejs.com allows you to generate static keyframes that can be used without any extra JavaScript, but if you'd like your application to generate these on the fly, you...
Cost / License
- Free
- Open Source (MIT)
Platforms
- Mac
- Windows
- Linux
- Online

Flexbox's are cool, but a pain in the dairy air to write. Flex makes it easy. Generate CSS to quickly make grids, columns, just about whatever you could think of, all thanks to the wonders of Flexbox.
Cost / License
- Free
- Open Source (MIT)
Platforms
- Online
Cost / License
- Paid
- Proprietary
Platforms
- Mac
- Windows

Reseter.css is an awesome CSS reset for a website. It is a great tool for any web designer. Reseter.css resets all the premade styles by the browser. It normalizes the browser's stylesheet for a better cross-browser experience.
Cost / License
- Free
- Open Source (MIT)
Platforms
- Self-Hosted


+1
Vue Material is a UI framework that's simple, lightweight and built exactly according to the Google Material Design specs.

This is a very simple game, but an excellent example of what can be done with CSS in a modern browser. Built with only HTML and CSS, and relying on Google Chrome/Chromium, you simply move your mouse to the dot to start, and navigate with your mouse to avoid the walls.
Cost / License
- Free
- Proprietary
Platforms
- Online
- Google Chrome

Online HTML Viewer is a browser-based tool for writing, editing, and previewing HTML and CSS code in real time , no setup or login required.



































































