ux-design
loadmo.re is Kim LĂȘ Boutin's personal selection of unconventional web references. It collects distinctive mobile experiences as a living archive for design inspiration. To keep up with updates, follow us on Instagram.
Design with AI. Transform ideas into UI designs for mobile and web applications.
Related contents:
The definitive tree component for the Web.
Super-easy integration of complex tree components into React. Supports ordered and unordered drag-and-drop, extensive keybindings, search, renaming and more. Fully customizable and accessible. Headless Tree is the official successor for React Complex Tree.
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.
Expo React Native UI Components Library
Beautiful, accessible Expo React Native components that work seamlessly across iOS and Android.
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.
Hundreds of ready-to-play sound effects for your React applications Add delight to your UI with just a few lines of code
ThreeJS + wgpu-matrix + TypeGPU for WebGPU on Reanimated Worklets.
WebGPU Worklets allow you to run react-native-wgpu, Three.js, wgpu-matrix, and TypeGPU libraries on Reanimated Worklets on the UI Thread. With that integration, you can run smooth 3D animations backed by WebGPU using the Reanimated API and enjoy seamless integration with the Gesture Handler.
Search input query parser and React component.
A powerful search query language parser with SQL output support, inspired by Elasticsearch and Tantivy query syntax.
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!
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:
Better Products, Better Growth. Level up your UX skills with fun weekly comics.
Learn to design experiences users love in 5 min/week.
Related contents:
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.
A TikTok-style interface for exploring random Wikipedia articles in multiple languages.
Related contents:
A fast, composable, unstyled emoji picker made with Tailwind & React.
Turn any R3F app into an interactive immersive experience.
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:
Zero dependency Docking Layout Manager. Supports Vanilla TypeScript, React and Vue.
Small details for very exacting ideas!. Digital Purple Hat for UX Designers & Developers.
Native dual range input in 80 lines of TypeScript.
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.
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.
Become a Better Designer. The Fun way.
Learn to design better UI with practical visual examples & in-depth landing page teardowns. Join 100s of developers & junior designers who strive to become better in UI & 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
World's most performant DOM-based table. A multithreaded web table, capable of running 120fps while sorting/filtering/scrolling simultaneously.
A performant interactive bottom sheet with fully configurable options đ
Protect your online privacy and rights by learning about dark patterns and unethical designs. Stay informed and avoid manipulation in the digital world.
The visual website builder for developers. The visual website builder for Next.js & Tailwind.
Build at the speed of no-code. Export a Next.js, Tailwind and Shadcn UI app. Customize without limits.
Create better native apps for iOS and Android with a new breed of development tools.
An open-source cross-platform mobile app development tool suite, supporting building Android and iOS applications.
With Fuse you can build native mobile user interfaces using the easy to learn UX Markup language, and use JavaScript to add business logic
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.
Material 3 is the latest version of Googleâs open-source design system. Design and build beautiful, usable products with Material 3.
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.
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.
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.
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.
Framer components inspired by Dieter Rams' design principles. Our Rams' inspired assets are designed to sprinkle a dash of delight into your life.
A way for all organizations to understand, organize, improve, and communicate web accessibility.
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.
100 books vetted by the community to inspire growth across the many disciplines influencing modern software design.
Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.
Product Design Knowledge.
Stay on top of your design process with the bite-sized hints and cheat sheets about UX Product Design.
Universal design methods for more inclusive solutions. Supporting the development of inclusive innovations
Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.
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.
UI/UX animation emphasizes the details to which users should pay attention, helping them navigate the site.
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.
Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.
Web implementation of the design system is created as native web components so it can be used within every type of web frameworks including Vue, React or Angular. Our target is providing a UI library that has neatly designed and developed for providing best possible user experience for the users of applications that uses Baklava DS.
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.
A collection of 42 psychological biases, design principles and UX concepts that affect the product experience.
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!
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.
An open source Design System and lightweight UI Component Library.
Compatible with all major frameworks, browsers, operational systems, form factors and input types, Kor can be used virtually anywhere. It is built to facilitate the design and development of intuitive, coherent and pleasing user interfaces based on Web technologies (HTML5).
A lightweight emoji picker, distributed as a web component.
Excel-like DataGrid component for React JS. Built for high performance rendering similar to google sheets.
Bring Design Freedom to your Product Team. Designers and developers can finally work in unison to build beautifully designed software experiences that truly scale up.
Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open standards (SVG). Penpot invites designers all over the world to fall in love with open source while getting developers excited about the design process in return.
user flow design inspiration. Design better user flows by learning from proven products.
Related contents:
Lightweight, stylish, and ethical share buttons. Shareon are share buttons for popular social networks.