.svg){kind=icon}
- 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
A CSS Gradient and TextShadow editor
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.
Generate color palettes and apply instantly to anything :)
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.
Overly descriptive color palettes.
React hero animations.
Motion Layout.
Create beautiful immersive hero animations using shared components.
An ASCII/Node based fluid simulation library.