Responsive Slider / Carousel with Swiper.js
Material Design Lite
A front-end template that helps you build fast, modern mobile web apps.
Semantic UI
Semantic empowers designers and developers by creating a shared vocabulary for UI.
UIkit
UIkit, a lightweight and modular front-end framework for developing fast and powerful web interfaces.
The most advanced responsive front-end framework in the world. | Foundation
Bulma: Free, open source, and modern CSS framework based on Flexbox
Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
Free Frontend
Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles.
SweetAlert2
A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes
Neumorphism/Soft UI CSS shadow generator
CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.
Nævner
Natural language color descriptions, generated from hex color codes. Press: R to pick a random color.
36 Beautiful CSS Photo Filters | Baseline
A collection of 36 beautiful photo filters with easy copy-paste CSS for your project. Upload your own photo and pick the perfect filter. Need on-brand filters? Try Baseline.
Haikei
A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more! Our generators let you discover, customize, randomize, and export generative SVG design assets ready to use with your favorite design tools.
Get Waves – Create SVG waves for your next design
A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!
Glassmorphism CSS Generator - Glass UI
Generate CSS and HTML components using the glassmorphism design specifications based on the Glass UI library.
Clippy — CSS clip-path maker
CSS mesh gradients generator: Mesher Tool by CSS Hero
A Free tool to create beautiful mesh gradients only with CSS code. Use your own colors or randomly generated ones to build the trendiest CSS gradients of 2022
Best Font for Online Reading: No Single Answer
Among high-legibility fonts, a study found 35% difference in reading speeds between the best and the worst. People read 11% slower for every 20 years they age.
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅🏾
css-modules/css-modules: Documentation about css-modules
Documentation about css-modules. Contribute to css-modules/css-modules development by creating an account on GitHub.
JSS
A lib for generating CSS from JavaScript
Flexbox Froggy
A game for learning CSS flexbox
Responsive images with srcset, sizes & heights
Use o atributo srcset para controlar os recursos de um elemento com base em várias expressões de mídia. Use esse atributo principalmente para todas as tags amp-img a fim de especificar quais ...
Simple Vanilla Js Scroll Animation
AOS - Animate on scroll library
AOS - Animate On Scroll library using CSS3
Use lazysizes para imagens de carregamento lento
Lazy-loading é a estratégia de carregar recursos conforme eles são necessários, ao invés do que antecipadamente. Essa abordagem libera recursos durante o carregamento inicial da página e evita carregar ativos que nunca são usados.
Kevin on CodePen
Teaching people how to make the web, and how to make it look good while they are at it.
A Guide to Responsive Images with Ready-to-Use Templates
by Maciej Nowakowski A Guide to Responsive Images with Ready-to-Use Templates Why generate 12 versions of the same image when just 2 media-queries do the job? The users won’t notice. But Google will. Responsive images that are in the wrong format, images that are not compressed properly, and images that
Image Size and Resolution - Icons and Images - iOS - Human Interface Guidelines - Apple Developer
Learn about designing apps for iOS.
Lab: Responsive Images | Web | Google Developers
Responsive Images: If you're just changing resolutions, use srcset. | CSS-Tricks
If you're implementing responsive images (different images in HTML for different situations) and all you are doing is switching between different versions of