Airport matrix
Live demo + source code
Choose your reading theme.
A growing collection of 138 open-source React components, designed and coded with care. Explore the interactions, see how they work and make them your own. Everything comes with a live demo and the full source. Just copy, paste and build.
Explore componentsLists, tables and charts for presenting information with clarity. Explore the details, then copy the code.
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Sliders, pickers and controls for choosing, editing and entering information. Small interactions that make a big difference.
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Notifications, progress and status patterns that keep people informed, with a little character.
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Images, video and audio components for richer interfaces, from a voice message to a video call.
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Transitions, gestures and animated details that bring an interface to life. Built to move and feel right.
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Components for agents and assistants: thinking, tool calls, approvals and chat. Useful patterns for the next generation of interfaces.
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Whole screens: dashboards and app views where the parts work together, from a loan risk map to a workflow canvas.
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Live demo + source code
Built for the phone: buttons, contents, indicators, inputs, navigations, overlays and systems, sized for the thumb and made for touch.