├── .gitignore
├── .vscode
└── extensions.json
├── License
├── README.md
├── index.html
├── package.json
├── postcss.config.cjs
├── public
├── logo.svg
├── sm-logo.svg
└── tailwind-gradient-generator-thumbnail.webp
├── src
├── App.vue
├── assets
│ ├── banner-root-ui-ux-book.png
│ ├── cards.webp
│ ├── header.webp
│ ├── logo.svg
│ ├── logo.webp
│ └── sm-logo.svg
├── components
│ ├── ColorPalette.vue
│ ├── CustomSelect.vue
│ ├── Footer.vue
│ ├── Generator.vue
│ ├── GithubStars.vue
│ ├── GradientCard.vue
│ ├── GradientExamples.vue
│ ├── Header.vue
│ └── ToggleActive.vue
├── gtm.js
├── main.css
└── main.js
├── tailwind.config.cjs
├── vite.config.js
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 | "recommendations": ["Vue.volar"]
3 | }
4 |
--------------------------------------------------------------------------------
/License:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2021 Tailwind Components
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | 
3 |
4 | ## Tailwind Components Gradient Generator
5 | This repo content a Gradient Generator page from [tailwindcomponents.com](https://tailwindcomponents.com/gradient-generator/), Build with Vuejs.
6 |
7 |
8 | 
9 |
10 |
11 |
12 | 
13 |
14 |
15 |
16 | 
17 |
18 |
19 | ## Installation
20 |
21 | ### Install NPM dependency
22 |
23 | ```
24 | npm install
25 |
26 | OR
27 |
28 | yarn install
29 | ```
30 |
31 | ### Compiles and hot-reloads for development
32 | ```
33 | npm run dev
34 |
35 | OR
36 |
37 | yarn dev
38 | ```
39 |
40 | ### Compiles and minifies for production
41 | ```
42 | npm run build
43 |
44 | OR
45 |
46 | yarn build
47 | ```
48 |
49 | ### Vue 3 + Vite
50 |
51 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `
26 |
27 |