frontend

Awesome React UI Libraries

Collection of React UI libraries that I refer to when creating creating my own components.

 

The main things I always look for are:

  • Components naming conversions.
  • Props naming conventions.
  • How the component should be implemented and used.
 
Orbit design system
An open source design system for your next travel project.
https://orbit.kiwi/
Orbit design system
 
Brands - Vercel Design
Download Vercel Assets The Vercel trademark includes the Vercel name & logo, and any word, phrase, image, or other designation that identifies any Vercel products. Please don't modify the trademarks or use them in a altered way, including suggesting sponsorship or endorsement by Vercel, or in a way that confuses Vercel with another brand.
https://vercel.com/design/brands#next-js
Brands - Vercel Design
 
Components Overview - Ant Design
antd provides plenty of UI components to enrich your web applications, and we will improve components experience consistently. We also recommend some great Third-Party Libraries additionally.
Components Overview - Ant Design
https://ant.design/components/overview/
Components Overview - Ant Design
 
Getting Started
Hello and welcome to Chakra UI 😄. If you're new here, watch our free course below. Whichever framework or tool you're using, we've put together step-by-step guides to get you up and running with Chakra UI.
Getting Started
https://chakra-ui.com/docs/getting-started
Getting Started
 
React Stack component - MUI
The Stack component manages layout of immediate children along the vertical or horizontal axis with optional spacing and/or dividers between each child. Stack is concerned with one-dimensional layouts, while Grid that handles two-dimensional layouts. The default direction is column which stacks children vertically. To control space between children, use the spacing prop.
React Stack component - MUI
https://mui.com/components/stack/
React Stack component - MUI