.svg){kind=icon}
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!
A web component to compare two DOM elements.
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.
Lightweight, stylish, and ethical share buttons. Shareon are share buttons for popular social networks.
Open source button system leveraging CSS variables.
Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications.
A set of components built with HTML, CSS and JavaScript.
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.
A gorgeous, simple, tiny JavaScript package to add keyboard bindings into your application.
A library for rapid UI development with style props, color modes, themes and variants.
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.