mikah13

Published

- 2 min read

Useful resources for web development

React
img of Useful resources for web development

Components Libraries

shadcn

  • shadcn/ui: Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. Built on top of Radix UI.
  • Radix UI: An open source component library optimized for fast development, easy maintenance, and accessibility. Just import and go—no configuration required.
  • Material UI: Material UI is beautiful by design and features a suite of customization options that make it easy to implement your own custom design system.
  • Ant Design: An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises.
  • React Suite: A suite of React components, sensible UI design, and a friendly development experience.
  • Charkra UI: Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
  • Mantine: Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 50 hooks to cover you in any situation.
  • React Bootstrap: The most popular front-end framework, rebuilt for React.
  • Headless UI: Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
  • Next UI: Beautiful, fast and modern React UI library.
  • Tremor: The React library to build dashboards fast.
  • HyperUI: HyperUI is a collection of free Tailwind CSS components that can be used in your next project. With a range of components, you can build your next marketing website, admin dashboard, eCommerce store and much more.

Icons

  • Lucide: Beautiful & consistent icons. Made by the community.
  • Tabler: Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.
  • Phosphoricons: Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.
  • Pixel Art: 480 open-source line pixel-art style icons, in one color and made with a 24x24px grid by Gerrit Halfmann.
  • React-icons: Include popular icons in your React projects easly with react-icons.
  • iconmonstr: Discover 4784+ free icons in 316 collections.
  • Teeny icons: Tiny minimal 1px icons.
  • supercons: A friendly, open source React iconset.
  • boxicons: High Quality Web Icons. Simple Open Source icons carefully crafted for designers & developers.
  • unicornicons: Animated icons. Free for personal & commercial use with attribution.

React Styling

  • TaildindCSS: Rapidly build modern websites without ever leaving your HTML.
  • styled-components: Visual primitives for the component age.
  • emotion: CSS-in-JS library designed for high performance style composition.
  • linaria: Zero-Runtime CSS in JS library.
  • vanilla-extract: Zero-runtime.Stylesheets-in-TypeScript.
  • jss: authoring tool for CSS which uses JavaScript as a host language.

Inspirations