NOTE: This is a community project, not associated with Vercel, but does get some inspiration from there.

Getting Started

Visit https://tridentui.org/guide to get started with TridentUI.

Documentation

Visit https://tridentui.org/docs to view the full documentation.

Quick Start

1. Installation: Inside your React project directory, install TridentUI by running either of the following:

yarn add @tridentui/react
# or
npm i @tridentui/react

2. Setup: For TridentUI to work correctly, you need to set up the CssBaseline at the root of your application.

Go to the root of your application and do this:

import { NextUIProvider } from '@tridentui/react';

const Application = () => (
  <NextUIProvider>
    <AppComponent /> // ---> Your App Component
  </NextUIProvider>
);

3. Using TridentUI components: Once TridentUI is installed you can use any of the components as follows. TridentUI uses tree-shaking so the unused modules will not be included in the bundle during the build process and each component is exported separately.

import { Button } from '@tridentui/react';

const Component = () => <Button>Click me</Button>;

4. TridentUI allows to manually import components if you need. E.g.

import Button from '@tridentui/react/button';

const Component = () => <Button>Click me</Button>;

Community

We're excited to see the community adopt TridentUI, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!

• Discord
• Twitter
• GitHub Discussions

Contributing

Contributions are always welcome!

See CONTRIBUTING.md for ways to get started.

Please adhere to this project's CODE_OF_CONDUCT.

License

MIT