.svg){kind=icon}
CSS templates for buttons, box-shadows, form inputs, color palettes & emojis.
Pure CSS Fancy background with gradients
A history of CSS
Generate clothoid rounded corners by CSS clip-path
One image for all screen resolutions and different devices is not enough. An image per pixel is too much - so how can someone automatically choose the optimal responsive image sizes?
Responsive websites, even the most modern ones, often struggle with selecting image resolutions that best match the various user devices. They compromise on either the image dimensions or the number of images. It's time to solve these issues and start calculating image breakpoints more mathematically, rather than haphazardly.
Leonardo is a one-of-a-kind tool for creating, managing, and sharing accessible color systems for user interface design and data visualization.
bring your components to life with simple spring animation primitives
A collection of popular layouts and patterns made with CSS
Optimize images for web on the fly.
imgproxy is the blazing fast and secure image processing tool.
The Color Scheme Designer
roughViz.js is a reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser, based on D3v5, roughjs, and handy.
Style BEM DOM elements using Sass.
Cell is used for styling DOM elements that follow the Cell naming convention (which is almost identical to BEM).
Snowpack is a lightning-fast frontend build tool, designed for the modern web. It is an alternative to heavier, more complex bundlers like webpack or Parcel in your development workflow. Snowpack leverages JavaScript's native module system (known as ESM) to avoid unnecessary work and stay fast no matter how big your project grows.
The React codebase generator
Color and typography resources and inspiration for Web Developers and Digital Design
SWR is a React Hooks library for data fetching.
The name “SWR” is derived from stale-while-revalidate, a cache invalidation strategy popularized by HTTP RFC 5861. SWR first returns the data from cache (stale), then sends the request (revalidate), and finally comes with the up-to-date data again.
This site is a collection of examples, video and other information to help you learn CSS Grid Layout.
Free Tailwind CSS site templates for your next project
The pragmatic web framework.
Marten is a Crystal web framework that makes building web applications easy, productive, and fun.
Compress PNG, JPG, and More.
With this online image compressor, it is super easy to compress your JPG or PNG images at a fast speed. This is a browser-based image processor that helps you compress your images with a negligible waiting time. The best thing about this image process is that it is secure, private and works offline with zero limitations. Moreover, you also don't harm the environment because there is literally no carbon emission in the process.