https://github.com/brijr/components
Next JS Components built with Tailwind, Typescript, brijr/craft, shadcn/ui, and more.
https://github.com/brijr/components
component-library components next nextjs website
Last synced: about 1 month ago
JSON representation
Next JS Components built with Tailwind, Typescript, brijr/craft, shadcn/ui, and more.
- Host: GitHub
- URL: https://github.com/brijr/components
- Owner: brijr
- Created: 2024-01-25T22:53:22.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-20T18:37:33.000Z (about 2 months ago)
- Last Synced: 2025-04-03T11:08:36.197Z (about 1 month ago)
- Topics: component-library, components, next, nextjs, website
- Language: TypeScript
- Homepage: https://components.work
- Size: 1.85 MB
- Stars: 349
- Watchers: 1
- Forks: 17
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# brijr/components
[components.work](https://components.work)
> A collection of [Next.js](https://nextjs.org) components for building websites at rapid speed using [Tailwind](https://tailwindcss.com), [React](https://react.dev), [shadcn/ui](https://ui.shadcn.com), [brijr/craft](https://github.com/brijr/craft), and [Typescript](https://www.typescriptlang.org/).
## What is it?
Open source collection of type-safe React components styled with Tailwind for building Next.js websites. Created by [Bridger Tower](https://bridger.to).
## Setup
> Want to use a starter? Go here 🔗 [brijr/starter](https://github.com/brijr/starter)
### Step 1: Create a Next.js application
```
npx create-next-app@latest my-app --typescript --tailwind --eslint
```
### Step 2: Install [craft-ds](https://github.com/brijr/craft) (this will also install shadcn/ui)
```
npx craft-ds@latest init
```
- Add a `ThemeProvider` and `ModeToggle` (if you want dark mode) by following these steps: [Adding dark mode to your next app](https://ui.shadcn.com/docs/dark-mode/next)
### Step 3: Copy and Paste components from the [website](htpps://components.work) into your component folder to get started!
## brijr/components in use
[](https://www.youtube.com/watch?v=s-cb_7Kyupg)
[](https://www.youtube.com/watch?v=PjSfcq3p2jY)