@voidpkg/react-ui
v1.2.8
Published
Responsive and flexible React UI components built with Tailwind CSS and Framer Motion.
Downloads
13
Maintainers
Readme
Welcome to VoidUI ✨
Looking for the documentation?
https://voiddevs.org/ui
Installing VoidUI
$ yarn add @voidpkg/react-ui
# or
$ npm install --save @voidpkg/react-ui
Getting set up
To start using the components, please follow these steps:
- Add the
content
option to yourtailwind.config.js
file:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./node_modules/@voidpkg/react-ui/**/*.{js,jsx,ts,tsx}",
... // your other content
],
... // your other config
}
- Wrap your application in a
Provider
import { Provider } from "@voidpkg/react-ui"
const App = ({ children }) => (
<Provider>
{children}
</Provider>
)
- Now you can start using components like so!:
import { Button } from "@voidpkg/react-ui";
const Index = () => <Button>
✨ Hello, world!
</Button>
Components
Accordion
, Button
, CodeMockup
, ContextMenu
, Dropdown
, Highlight
, Hover
, HoverCard
, Modal
, Video
, Pointer
, Range
, Ripple
, Spinner
, Switch
, Tabs
, Tooltip
Hooks
useSWR
, useBrowser
, useToast