JavaScript Design Systems & Icons

Design Systems

Headless UI

Eye-candy Tailwind components.

• github.com/tailwindlabs/headlessui

Mantine

Potentially good, I guess.

• github.com/mantinedev/mantine

Daisy UI

Simple, but shitty color themes.

• github.com/saadeghi/daisyui

Material UI

A great balance between enterprise readiness and masochism.

If you ask a committee to create a design system for you, this is it.

• github.com/mui/material-ui

Ant Design

A great contender to Material UI.

Who needs DuoLingo when you can learn Mandarin through GitHub Issues.

• github.com/ant-design/ant-design

Chakra UI

A classic, timeless design.

• github.com/chakra-ui/chakra-ui

BaseWeb

Kinda brutalist.

• github.com/uber/baseweb

Icons

Hero Icons

Works well with Tailwind, but limited choices.

• heroicons.com

Tabler Icons

Pretty as hell.

• tabler-icons.io
• github.com/tabler/tabler-icons

Material UI Icons

One of my favourites, the MUI team crafted this very well.

• mui.com/material-ui/material-icons

Bootstrap Icons

The good ol' days of Bootstrap.

• icons.getbootstrap.com
• github.com/twbs/icons
• github.com/ismamz/react-bootstrap-icons

Octicons

One of the classics.

• github.com/primer/octicons

React Icons

SVG Popular Icon Packs

• react-icons.github.io/react-icons
• github.com/react-icons/react-icons

Font Awesome

• fontawesome.com

Streamline HQ

• streamlinehq.com

Line Icons

• lineicons.com