.svg){kind=icon}
CUBE CSS is a CSS methodology that’s orientated towards simplicity, pragmatism and consistency. It’s designed to work with the medium that you’re working in—often the browser—rather than against it.
A modern responsive front-end framework based on Material Design
JavaScript animation engine.
Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API.
It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
Versatile metallic finish for your CSS.
MetalliCSS is a tiny, dependency-free JavaScript library that makes your CSS literally shine.
Using the library is as simple as adding the class metallicss, and using CSS properties for configuration (try it out here).
A list of classless CSS themes/frameworks with screenshots.
This is a list of classless CSS themes and frameworks. "Classless" means a style sheet does not define special classes you must add to your HTML elements to style these elements. As a result, you can style any plain-HTML page just by linking to the style sheet. This is useful, for example, in prototyping.
clapper Scene.js is an JavaScript & CSS timeline-based animation library.
Sass library to make isometric 2D without javascript.
Sass library of isometric functions.
IsometricSass is a Sass framework that requires no JavaScript. It was created to be able to fully use the CSS 3D transformations to create 3D scenes.
Short JavaScript code snippets for all your development needs
CSS Gradient Animator
Free repeatable SVG background patterns for your web projects.
A collection of repeatable SVG background patterns for you to use on your web projects.
A collection of loading indicators animated with CSS.
Simple loading spinners animated with CSS. See demo. SpinKit only uses (transform and opacity) CSS animations to create smooth and easily customizable animations.
Your Unique and Free Generator Tools in One Place.
Design tools present you with a choice of ready-made works and with advanced customization possibilities in just a couple of clicks.
Using our generators, you can create design from scratch, visually observing your creation, and the generator will give you the best on completion of the work.
Remix and Tailwind CSS simple page block editor.
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.
A collection of popular layouts and patterns made with CSS
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).