ux-design
The one-stop station for app builders. UX, Growth, Design. All in one place. Understand why the best apps succeed. Save time on benchmark. Focus on product
UI Sound Design. 936 Interface Sound Effects.
A tiny, complete library of interface sound effects for web apps, mobile apps, SaaS, education, media, and games. Preview every UI sound in 12 distinct sonic personalities.
Web & Mobile App Testing. Secure mobile & web testing in the cloud. From creation to execution to analysis. Eliminate environment concerns with test data and virtual services.
Open source button system leveraging CSS variables.
Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications.
Frontend workshop for UI development.
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.
Welcome! This is a public resource for people with backgrounds in social sciences, humanities, and academia who are interested in learning about careers in user experience/design research. If you have suggestions for the list, please contact Amy Santee.
Components from design to production.The UI Framework for Perfectionists by Chainlift.io.
LiftKit is a UI framework based on the golden ratio. At its core, it's a set of formulas and variables that unlock advanced visual design features like optical spacing corrections and dynamic color, powered by Material 3.
🧙♀️ Fast low-code testing — create, run tests and get alerts ⏱️ Create test in <60 secs 👉 Better open source alternative to selenium, cypress and puppeteer. Crusher is a new fast testing framework, it's opinionated and takes a low-code first approach. Create tests by browsing your website and adding assertion when needed.
Product Design Knowledge.
Stay on top of your design process with the bite-sized hints and cheat sheets about UX Product Design.
A lightweight emoji picker, distributed as a web component.
Predictive Mouse Intent Library. What if we could only prefetch data the user actually needs?
ForesightJS is a JavaScript library that predicts user intent by tracking the mouse. Great for prefetching without wasting resources.
Related contents:
Lightweight, stylish, and ethical share buttons. Shareon are share buttons for popular social networks.
Small details for very exacting ideas!. Digital Purple Hat for UX Designers & Developers.
Open CoDesignDesign with intent. Open-Source AI Design Tool — BYOK, Local-First.
An open-source desktop AI design tool. Bring your own model, keep everything local — a self-hosted alternative to Claude Design, built for teams who can't afford subscription lock-in.
Open-source Claude Design alternative. One-click import your Claude Code / Codex API key. Prompt → prototype / slides / PDF. Multi-model (Claude, GPT, Gemini, Kimi, GLM, Ollama). BYOK, local-first, MIT.
UI & UX design inspiration for mobile & web apps.
Discover real-world design inspiration. Featuring over 300,000 screens and 1,000 iOS, Android & Web apps — New content weekly.
Related contents:
The Ultimate reference tool for game designers.
The Game UI Database was created by Edd Coates as a free resource for UI/UX Designers in the games industry. It was built to aid in the discovery of new inspiration, and to provide a fast and efficient way of searching for reference materials.
Related contents:
mCaptcha is proof-of-work based captcha system that is privacy focused and fully automated. A no-nonsense CAPTCHA system with seamless UX.
mCaptcha is a privacy respecting, free CAPTCHA system with a kickass UX. Your users no longer have to interact with ridiculous image-based CAPTCHA system, wasting precious mental bandwidth. Instead, your computer will do the work for you, see for yourself!
Open-Source Feature Flag Management for Enterprises.
Unleash is an open source feature management solution. It improves the workflow of your development team and leads to quicker software delivery. Unleash increases efficiency and gives teams full control of how and when they enable new functionality for end users. Unleash lets teams ship code to production in smaller releases whenever they want.
Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
Open-Source Design Editor.
Opens Figma files. Built-in AI. Fully programmable. Also a toolkit for building custom editors.
The web has been silent. tiks makes it sing.
Procedural UI sounds. Zero audio files. Pure synthesis.
GestureX: Control Linux-based operating systems using hand gestures. Built using Mediapipe, OpenCV and PyGTK.
GestureX enables you to control your Linux PC using hand gestures. You can assign specific commands or functionalities to different hand gestures, allowing for hands-free interaction with your computer.
The design language that makes your AI harness better at design. The missing upgrade to Anthropic's frontend-design skill. Design fluency for AI harnesses.
Great design prompts require design vocabulary. Most people don't have it. You can't ask for "more vertical rhythm" if you've never used those words. Impeccable gives you commands that put designer language in your hands.
Related contents:
A library for rapid UI development with style props, color modes, themes and variants.
Universal design methods for more inclusive solutions. Supporting the development of inclusive innovations
Include is a tool built to make annotating for accessibility (a11y) easier—easier for designers to spec and easier for developers to understand what is required. The intent is to have accessibility considerations included during the design phase of any project, and to help with the designer-developer collaboration. Ultimately creating digital experiences that anybody can use!
Learn the theory and practice behind great animations with this interactive learning experience.
Related contents:
Momentum (aka. smooth or inertia) scrolling plugins (which in use can be seen on this website), while marketed as enhancements, are a plague upon the internet. They disrupt the natural, efficient, and predictable web browsing experience in countless ways, by often degrading usability, accessibility, and performance. Here are ten reasons why they ruin the web for everyone.
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.
Expo React Native UI Components Library
Beautiful, accessible Expo React Native components that work seamlessly across iOS and Android.
World's most performant DOM-based table. A multithreaded web table, capable of running 120fps while sorting/filtering/scrolling simultaneously.
A gorgeous, simple, tiny JavaScript package to add keyboard bindings into your application.
Our world is made of information that competes for our attention. What is necessary? What is not?
When we design products, we aim to choose the best position for user interface components, placing the most important ones in the most accessible places on the screen.
Equally important is the design of communication. How many notifications are necessary? How and when should they be displayed? To answer this, we can be inspired by the principles of calm technology.
Related contents:
Maska is a simple zero-dependency input mask library.
You can use it with vanilla javascript or with your favorite framework. Out of the box there is integration with Vue 2/3, Svelte and Alpine.js, but you can integrate it into any framework.
Sound effects for the interface, performed live.
Foley is a tiny, dependency-free library of 28 interaction sounds, synthesized live with Web Audio the instant you interact — no audio files, no setup. When the defaults aren’t yours, redesign them and ship a sound set: your product’s sonic identity in one small JSON file.
Related contents:
A way for all organizations to understand, organize, improve, and communicate web accessibility.
Search input query parser and React component.
A powerful search query language parser with SQL output support, inspired by Elasticsearch and Tantivy query syntax.
- 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.
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.
Elevator.js fixes those awkward "scroll to top" moments the old fashioned way.
Finally, a "back to top" button that behaves like a real elevator, by adding elevator music to quietly soothe the awkwardness that can ensue when being smoothly scrolled to the top of the screen.
Build services that earn trust.
IF curates this catalogue to help teams design trustworthy services that work for people. Contact IF for workshops about how to use these patterns.
Concevons des services publics numériques accessibles, inclusifs et humains.
Les services publics numériques sont encore trop souvent conçus sans prendre en compte l’audience qu’ils servent. Nous mettons à la disposition des administrations des idées et outils pour améliorer l’expérience usager de leurs services.
Trigger an action on an element with a keyboard shortcut.
Trigger an action on a target element when the hotkey (key or sequence of keys) is pressed on the keyboard. This triggers a focus event on form fields, or a click event on other elements.
Open Source & Cloud-based Test Automation Platform for Modern Teams. Replace multiple frameworks with an open-source test automation platform. A unified, fully customizable platform that works out of the box. Build end-to-end tests 5X faster for web, mobile apps, & APIs with English scripts that self-heal, enabling maintenance-free testing.
Stop more bots. Start protecting user privacy. The #1 privacy-first CAPTCHA for web, mobile, and more.
Hundreds of ready-to-play sound effects for your React applications Add delight to your UI with just a few lines of code
Sleek, modular open source JavaScript file uploader
Uppy is a sleek, modular JavaScript file uploader that integrates seamlessly with any application. It’s fast, has a comprehensible API and lets you worry about more important problems than building a file uploader.
Uppy fetches files locally and from remote places like Dropbox or Instagram. With its seamless integration, reliability and ease of use, Uppy is truly your best friend in file uploading.
Each week, we'll feature inspiring UX examples, proven frameworks, and hard-earned lessons from in-depth conversations with product, design, customer success, and marketing experts. The end goal is to help you build user onboarding and product experiences that turn more of your new users into lifelong customers.
Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.
How will patterns and experiences evolve in a world shaped by Artificial Intelligence?
AI is accelerating change. Companies are reacting by “doing AI”without prioritizing the experience of the people on the receiving end–Design is more important than ever. To respond, we must get smart, fast. This starts with understanding the emerging patterns of interaction, affordances, and heuristics in an AI world. The pages below are summaries of the current state.
Automate Functional Testing from UI to the API. Our AI-powered functional testing tool accelerates test automation. It works across desktop, web, mobile, mainframe, composite, and packaged enterprise-grade applications.
user flow design inspiration. Design better user flows by learning from proven products.
Related contents:
Product tours, highlights, contextual help and more. A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page.
Powerful, highly customizable vanilla JavaScript engine to drive the user's focus across the page.
The Backend Built forAgentic Development
Give agents everything they need to ship fullstack apps.
InsForge is a backend development platform built for AI coding agents and AI code editors. It exposes backend primitives like databases, auth, storage, and functions through a semantic layer that agents can understand, reason about, and operate end to end.