Mantine Has a Free API That Gives You 100+ React Components With Dark Mode Built In

Mantine is a React component library with 100+ components, 50+ hooks, dark mode, and a form library. Everything you need, nothing extra to install. Quick Start npm install @mantine/core @mantine/hooks import { MantineProvider , Button , TextInput , Select } from ' @mantine/core ' import ' @mantine/core/styles.css ' function App () { return ( < MantineProvider > < TextInput label = "Name" placeholder = "Your name" /> < Select label = "Role" data = { [ ' Developer ' , ' Designer ' , ' PM ' ] } /> < Button > Submit </ Button > </ MantineProvider > ) } Form Library import { useForm } from ' @mantine/form ' function Demo () { const form = useForm ({ initialValues : { email : '' , name : '' }, validate : { email : ( value ) => /^ \S +@ \S +$/ . test ( value ) ? null : ' Invalid email ' , name : ( value ) => value . length < 2 ? ' Too short ' : null , }, }) return ( < form onSubmit = { form . onSubmit ( console . log ) } > < TextInput { ... form . getInputProps ( ' email ' ) } label = "Email"