web-design
2 701Free Consistent Icons. Open source free icons library, available in variable stroke SVG format, web font, Figma, React, Vue and Flutter ready to use packages.
A modern JavaScript utility library delivering modularity, performance & extras. Lodash makes JavaScript easier by taking the hassle out of working with arrays, numbers, objects, strings, etc.
Related contents:
The HTML-first framework. Instant apps of any size with ~ 1kb JS. Qwik offers the fastest possible page load times - regardless of the complexity of your website. Qwik is so fast because it allows fully interactive sites to load with almost no JavaScript and pickup from where the server left off.
Run Third-Party Scripts From A Web Worker.
Partytown is a lazy-loaded library to help relocate resource intensive scripts into a web worker, and off of the main thread. Its goal is to help speed up sites by dedicating the main thread to your code, and offloading third-party scripts to a web worker.
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.
The Intuitive Web Framework. Build your next Vue.js application with confidence using Nuxt. An open source framework under MIT license that makes web development simple and powerful.
Related contents:
Support tables for HTML5, CSS3, etc. Browser support tables for modern web technologies.
Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire. This makes for fast first-load pages, keeps template rendering on the server, and allows for a simpler, more productive development experience in any programming language, without sacrificing any of the speed or responsiveness associated with a traditional single-page application.
Random Favicon Generator is a free online tool to easily create icons and favicons for your website from a set of over 1950 free MIT-licensed high-quality SVG icons
Beautifully designed components built with Radix UI and Tailwind CSS. Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.
Related contents:
Free landing page HTML templates. Created to power up your online projects with easy download and simple license.
A website that allows you to create your own gradient
Building blocks for your Next.js project. An opinionated collection of components, hooks, and utilities for your Next.js project.
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.
themer takes a set of colors and generates themes for your development environment (editors, terminals, wallpapers, and more).
An open source typeface made of purposely redacted letters, which is presenting content as abstract bars.
A rapid layers animation of images as a splash intro or page transition on a website.
Stop more bots. Start protecting user privacy. The #1 privacy-first CAPTCHA for web, mobile, and more.
The Fullscreen API standard defines an API for elements to display themselves fullscreen.
Build single-page apps, without building an API. Create modern single-page React, Vue, and Svelte apps using classic server-side routing. Works with any backend — tuned for Laravel.
Related contents:
- Part 1: How We Fell Out of Love with Next.js and Back in Love with Ruby on Rails & Inertia.js @ Hardcover.
- Speed up your Inertia.js website with these 7 tactics @ Aaron Francis' YouTube.
- Simplicity, vanished?! Solving the mystery with Inertia.js + Rails @ Evil Martians.
- #125 - Inertia JS, le front et le back unifiés @ Double Slash :fr:.
The standard for modern web animation.
A robust javascript toolset that turns developers into animation superheroes. We obsess about performance, compatibility, and support so that you don't have to.
Detection of elements in viewport & smooth scrolling with parallax effects.
- Mission: Maintain an open standard for UI and promote its adherence and adoption.
- Audience: The broader UI community including designers, engineers, and managers.
The purpose of Open UI to the web platform is to allow web developers to style and extend built-in web UI controls, such as <select> dropdowns, checkboxes, radio buttons, and date/color pickers. To do that, we'll need to fully specify the component parts, states, and behaviors of the built-in controls, as well as necessary accessibility requirements, and provide test suites to ensure compatibility. We'll also implement polyfills for our extensible web UI controls.
Free Stock Images & Videos. Get all the Free Stock Images 📷, Videos 📹, Music 🎼 and Icons in one location. All of the sites under [ Free Stock Photos ] offers images listed under the Creative Commons Zero license, so you are free to use these images in commercial projects. [ Free Stock Videos ], [ Free Sound Effects ] & [ Free Icons ] offer different licenses, it's a good idea to check the terms of use on each site before you use them.
A collection of pure CSS3 lightweight animations that can be applied to links, sections, buttons and much more. Available in SCSS, CSS and LESS. Annimay @ GitHub
Stunning touch-friendly 3D parallax hover effects. Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React, Vue.js and Svelte. Atropos @ GitHub.
Unstyled, accessible components for building high‑quality design systems and web apps in React.
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
Capture website screenshots. Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.
Make HTML elements spin in response to scrolling. Spinning slows down with friction. Works with vertical and horizontal scrolling on any element.
SVGs are awesome! Thanks to math and geometry, SVG graphics give us a standardized way to create images and icons on the web to be displayed at any size without any loss in image quality. Here's an interactive reference to the most popular and/or interesting parts of the SVG spec.
JavaScript drag and drop, resizing, and multi-touch gestures for modern browsers (and also IE9+) .
Placeholder Avatars for the Modern World. Give your app some flair instead of using some generic user icon from some icon library. Use it in your frontend framework of choice.
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.
UI Design and Prototyping Tool. Component-driven prototyping. Design with the same components that devs build products with. Move your teams out of silos for real process improvements.
Tool to create nice color palettes based on multi-color gradients.
A set of 3128 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.
simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any images.
React hero animations. Motion Layout. Create beautiful immersive hero animations using shared components.
A minimalist stylesheet for HTML elements
No class names, no frameworks, just semantic HTML and you're done.
Library for animating image backgrounds in websites using WebGL.
It support the following:
- Configurable dynamic camera
- Animated transitions between backgrounds
- Post-processing effects & particles
Recreation of the background scale hover effect seen on the DDD Hotel menu using CSS clip paths.
Tiny, dependency-free javascript library for creating accessible modal dialogs
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.
Guide RGPD de l'équipe de développement
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.
A massive library of free 3D shapes, A massive library of free 3D objects for web design. 100,000+ transparent PNG images of beautiful 3D objects.