Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cavalluccijohann/nuxt-color-picker
Nuxt Picker Color Component with Vue 3 / TypeScript / Tailwind
https://github.com/cavalluccijohann/nuxt-color-picker
color-picker component nuxt nuxt3 nuxtjs picker-component tailwind tailwind-css tailwindcss ts typescript vue vue3 vuejs
Last synced: 12 days ago
JSON representation
Nuxt Picker Color Component with Vue 3 / TypeScript / Tailwind
- Host: GitHub
- URL: https://github.com/cavalluccijohann/nuxt-color-picker
- Owner: cavalluccijohann
- License: mit
- Created: 2024-02-19T09:10:40.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-03-17T20:31:33.000Z (10 months ago)
- Last Synced: 2024-11-09T14:49:04.309Z (2 months ago)
- Topics: color-picker, component, nuxt, nuxt3, nuxtjs, picker-component, tailwind, tailwind-css, tailwindcss, ts, typescript, vue, vue3, vuejs
- Language: Vue
- Homepage: https://nuxt-color-picker-pi.vercel.app/
- Size: 784 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
This project features two custom color selectors, developed using Tailwind CSS, Nuxt.js and TypeScript. The selectors are designed to provide a simple, intuitive experience when choosing colors for your projects.
Including :
- [Tailwind CSS](https://tailwindcss.com/)
- [Nuxt.js](https://nuxt.com/docs/getting-started/introduction)
- [TypeScript](https://tailwindcss.com/docs/installation)
- [tinycolor2](https://www.npmjs.com/package/tinycolor2)
---
## Add to your project
1. Copy the `components/ColorPicker.vue` or `components/ColorPickerItem.vue` files to your project
2. Add the following code to your component
```bash
bun i -D @types/tinycolor2
```
---
## Quick Setup
1. Clone this repository if you have access or download it from the store
```bash
git clone [email protected]:cavalluccijohann/nuxt-color-picker.git
```
2. Install dependencies
```bash
bun install
```
3. Start development server
```bash
bun dev
```
4. Generate static project
```bash
bun generate
```
5. Start production server
```bash
bun start
```
## Author
---
- [Johann Cavallucci]('https://johanncvl.com/')