https://github.com/caru-ini/my-components

Self-made react + shadcn/ui components ShowCase
https://github.com/caru-ini/my-components

Last synced: about 1 month ago
JSON representation

Self-made react + shadcn/ui components ShowCase

• Host: GitHub
• URL: https://github.com/caru-ini/my-components
• Owner: caru-ini
• License: mit
• Created: 2024-08-05T07:50:18.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-11T02:16:04.000Z (4 months ago)
• Last Synced: 2024-09-11T11:30:47.527Z (4 months ago)
• Language: TypeScript
• Homepage: https://components.caru.live/
• Size: 121 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My-Components

[日本語](/README_ja.md)

## Overview

A repository containing components I personally created.\

To use them, it is necessary to add the components from `shadcn/ui` beforehand.

## Screenshots

![screenshot](docs/screenshot.png)

## Check it out here

## How to Add Your Own Components

1. Add the component to `components/collection`.

2. Add it as a child element of `Showcase` in `app/page.tsx`.

Here's an example:

```tsx

  

```

3. Launch a local server with `npm run dev`.

4. Extract the code of the component with `npm run extract`.

5. Press the `Code` button in `Showcase` to confirm that the component code is displayed correctly.

## Credits

- [shadcn/ui](https://github.com/shadcn-ui/ui)

## License

[MIT](/LICENSE)