web-design
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.
the collaborative interface design tool. Figma connects everyone in the design process so teams can deliver better products, faster.
Related contents:
Simple React forms validation. Performant, flexible and extensible forms with easy-to-use validation.
700+ CSS Icons, Customizable, Retina Ready & API. Open-source CSS, SVG and Figma UI Icons.
Available in SVG Sprite, styled-components, NPM & API.
The Best Place to Find Professional Placeholder Text. Say Goodbye to Boring Lorem Ipsum. Transform your design mockups with Lipsum alternative, the perfect solution for UI designers looking to add engaging and meaningful content to your projects. Try it out now and see the difference!
Theme toggles is a collection of awesome, easy to use, animated toggles; designed for switching between light and dark modes. It's a modular library which aims to provide an ample customization where needed. Works great utility CSS frameworks such as Tailwindcss.
DOM-first, responsive carousel for React. React Snap Carousel leaves the DOM in charge of scrolling and simply computes derived state from the layout, allowing you to progressively enhance a scroll element with responsive carousel controls.
Simple React Component That Makes Titles More Readable.
Most Powerful Cross Browser Testing Tool Online. Cross Browser Testing Cloud. Browser & app testing cloud to perform both exploratory and automated testing across 3000+ different browsers, real devices and operating systems.
DesignValley is the ultimate design tool depository. Find, vote, save and share your favorite design tools now!
A modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript
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
A framework for ambitious web developers. Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.