https://github.com/adithej/component-ui

UI library
https://github.com/adithej/component-ui

design-patterns nextjs react scss storybook

Last synced: about 1 month ago
JSON representation

UI library

• Host: GitHub
• URL: https://github.com/adithej/component-ui
• Owner: adithej
• Created: 2023-04-04T12:06:17.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-02-27T16:51:41.000Z (almost 2 years ago)
• Last Synced: 2025-03-29T02:38:15.674Z (11 months ago)
• Topics: design-patterns, nextjs, react, scss, storybook
• Language: TypeScript
• Homepage:
• Size: 957 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# UI Library build using TypeScript, SCSS, and documentation done using Storybook.

## Build your websites using 15+ components

### Dashboard UI build using created components

![ui-1](https://github.com/Adithej/component-ui/assets/32978688/92c94d70-c769-4d60-a1ec-a47880a312d2)

![ui-2](https://github.com/Adithej/component-ui/assets/32978688/9db72281-aef8-412d-86d2-f197cbd5efbf)

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash

add the dependencies: npm install

npm run dev

# or

yarn dev

# or

pnpm dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can edit the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.

## Getting Started with StoryBook

```bash

add the dependencies: npm install

npm run storybook

```

## Storybook UI

![sb2](https://github.com/Adithej/component-ui/assets/32978688/ca674288-7645-4f96-9538-739810f62146)

![sb1](https://github.com/Adithej/component-ui/assets/32978688/aac42402-f6a4-4969-901a-c54222399b20)

Open [http://localhost:6006](http://localhost:6006) with your browser to see the result.