.svg){kind=icon}
Make browsers render all elements more consistently. A modern, HTML5-ready alternative to CSS resets.
Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
A website that allows you to create your own gradient
Like jq, but for HTML. Uses CSS selectors to extract bits of content from HTML files.
Color picker and converter for OKLCH and LCH color space.
OKLCH is a new way to encode colors (like hex, RGBA, or HSL):
- OKLCH has native browser support.
- It can encode more colors for modern screens (P3, Rec. 2020, and beyond).
- Unlike HSL, OKLCH always has predictable contrast after color transformation.
- In contrast with LCH and Lab, no hue shift on chroma changes.
- Provides great accessibility on palette generation.
A rapid layers animation of images as a splash intro or page transition on a website.
A web component for drawing patterns with CSS
A CSS Gradient and TextShadow editor
Modern UI component library for Tailwind CSS.
Build your website quickly with Sailboat UI.
Sailboat UI is a modern UI component library for Tailwind CSS. Get started with 150+ open source Tailwind CSS components, make it easy to build your products.
Tool to create nice color palettes based on multi-color gradients.
A minimalist stylesheet for HTML elements
No class names, no frameworks, just semantic HTML and you're done.
Recreation of the background scale hover effect seen on the DDD Hotel menu using CSS clip paths.
Colorful shadows for your images. 🎨
cosha lets you add colorful shadows to your images. Try it out and look for yourself—it really couldn't be easier to set up!
A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares.
Minimal CSS Framework for semantic HTML.
Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.
HTML Cheat Sheet contains useful code examples and web developer tools, markup generators and more on a single page. Switch to other web developer sheets, like CSS or JavaScript. These pages were created as a quick guide for those who already know how to work with these languages.
Make sure you bookmark this site for a quick and easy access!
Catchy gradients, Stunning templates.
Handpicked collection of linear gradients with premium website templates.
Simple tool written in vanilla Javascript to generate a plasma background for your website.
A Free, Modern Toolbox Built for Developers.
200+ tools builtin with more to come. Boosts your productivity with smart search, type detection, and hotkeys. Let it be your best companion in daily dev tasks.
Free web tools for speed up your development
700+ CSS Icons, Customizable, Retina Ready & API. Open-source CSS, SVG and Figma UI Icons.
Available in SVG Sprite, styled-components, NPM & API.