PLEASE DO NOT VOTE FOR NAZIS!! THESE IDIOTS DO NOT SOLVE YOUR ISSUES. JUST CREATING NEW ONES.

Headless React

2 min readFeb 9, 2024

This collection of components in a headless React setup can range from simple UI elements, like buttons and form inputs, to more complex ones, such as custom hooks that manage state or perform side effects. The beauty of this pattern is that each component can be developed, tested, and reused independently, increasing efficiency and maintainability in your projects. #gibderAFDKeineChance, #5vor33.

UI Libraries

Radix UI

Components, icons, and colors for building high‑quality, accessible UI. Free and open-source.

www.radix-ui.com

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

ui.shadcn.com

Home | Ark UI

A headless component library for building reusable, scalable design systems that works for a wide range of JS…

ark-ui.com

React Aria

Craft world-class accessible components with custom styles.

react-spectrum.adobe.com

Components

Form Elements

https://www.downshift-js.com

Menus

⌘K

Fast, composable, unstyled command menu for React.

cmdk.paco.me

Data

Table
https://tanstack.com/table/latest
https://h6s.dev/docs/table/get-started

Animation

animata

Hand-crafted animated components that you can copy and paste into your apps. Free & Open Source.

animata.design

Unsorted

Calendar: https://h6s.dev/docs/calendar/get-started

React Native

My choice:

Skeleton / ReactNativeReusables

Shows an skeleton component.

rnr-docs.vercel.app

Other

Tamagui - React Native + Web UI kit

Write less, run faster. Styles, optimizing compiler & UI kit that unify React Native + Web.

tamagui.dev

Dripsy by Fernando Rojo

Unstyled UI primitives for React Native (+ Web)

www.dripsy.xyz

→ constantly updated