Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gopalverma1303/gopxwebui

A comprehensive collection of meticulously crafted React components styled with Tailwind CSS and Framer Motion.
https://github.com/gopalverma1303/gopxwebui

css framer-motion html javascript nextjs react tailwindcss turborepo typescript ui ui-components uik

Last synced: 2 days ago
JSON representation

A comprehensive collection of meticulously crafted React components styled with Tailwind CSS and Framer Motion.

Host: GitHub
URL: https://github.com/gopalverma1303/gopxwebui
Owner: GopalVerma1303
License: mit
Created: 2024-07-10T05:08:39.000Z (3 months ago)
Default Branch: main
Last Pushed: 2024-09-17T08:31:47.000Z (10 days ago)
Last Synced: 2024-09-22T12:31:03.449Z (4 days ago)
Topics: css, framer-motion, html, javascript, nextjs, react, tailwindcss, turborepo, typescript, ui, ui-components, uik
Language: TypeScript
Homepage: https://webui.gopx.dev
Size: 51 MB
Stars: 9
Watchers: 1
Forks: 0
Open Issues: 4
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

# gopx-webui

A comprehensive collection of meticulously crafted React components for web styled with Tailwind CSS and Framer Motion

[![GitHub stars](https://img.shields.io/github/stars/GopalVerma1303/webui.gopx.svg?style=social&label=Star)](https://github.com/GopalVerma1303/webui.gopx)
[![GitHub forks](https://img.shields.io/github/forks/GopalVerma1303/webui.gopx.svg?style=social&label=Fork)](https://github.com/GopalVerma1303/webui.gopx/fork)
[![GitHub watchers](https://img.shields.io/github/watchers/GopalVerma1303/webui.gopx.svg?style=social&label=Watch)](https://github.com/GopalVerma1303/webui.gopx)

## Repository Structure

```
.
├── .git
├── .turbo
├── .vscode
├── apps
│ └── website (Next.js application)
│ ├── .next
│ ├── .turbo
│ ├── components
│ ├── node_modules
│ ├── pages
│ ├── public
│ ├── styles
│ ├── .eslintrc.json
│ ├── .gitignore
│ ├── README.md
│ ├── next-env.d.ts
│ ├── next.config.mjs
│ ├── package.json
│ ├── postcss.config.mjs
│ ├── tailwind.config.ts
│ ├── theme.config.tsx
│ └── tsconfig.json
├── node_modules
├── packages
│ ├── config-eslint
│ ├── config-tailwind
│ ├── config-typescript
│ └── ui
├── .gitignore
├── .npmrc
├── README.md
├── package.json
├── pnpm-lock.yaml
├── pnpm-workspace.yaml
└── turbo.json
```

## Getting Started

1. Clone the repository
2. Install dependencies:
```
pnpm install
```
3. Run the development server:
```
pnpm dev
```
## Available Scripts

- `pnpm dev`: Starts the development server
- `pnpm build`: Builds the project
- `pnpm start`: Starts the production server
- `pnpm lint`: Runs linting

## Technology Stack

- [Next.js](https://nextjs.org/)
- [Turbo](https://turbo.build/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [ESLint](https://eslint.org/)
- [pnpm](https://pnpm.io/)
- [Framer Motion](https://www.framer.com/motion/)

## Project Structure

- `apps/website`: Contains the Next.js website application
- `packages`: Shared packages and configurations
- `config-eslint`: ESLint configuration
- `config-tailwind`: Tailwind CSS configuration
- `config-typescript`: TypeScript configuration
- `ui`: Shared UI components

## Contributing

[CONTRIBUTING.md](https://github.com/GopalVerma1303/webui.gopx/blob/main/CONTRIBUTING.md)

## License

[MIT License](https://github.com/GopalVerma1303/webui.gopx/blob/main/LICENSE)