Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/brijr/components

Next JS Components built with Tailwind, Typescript, brijr/craft, shadcn/ui, and more.
https://github.com/brijr/components

Last synced: 2 days 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 (12 months ago)
Default Branch: main
Last Pushed: 2024-12-28T06:46:48.000Z (13 days ago)
Last Synced: 2025-01-01T14:02:22.110Z (9 days ago)
Language: TypeScript
Homepage: https://components.bridger.to
Size: 1.65 MB
Stars: 296
Watchers: 1
Forks: 15
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?

![components](https://github.com/brijr/components/assets/57158102/a1246578-4837-4704-94d8-1b01703a850b)

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

[![Watch the video](https://img.youtube.com/vi/s-cb_7Kyupg/sddefault.jpg)](https://www.youtube.com/watch?v=s-cb_7Kyupg)

[![Watch the video](https://img.youtube.com/vi/PjSfcq3p2jY/sddefault.jpg)](https://www.youtube.com/watch?v=PjSfcq3p2jY)