GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Uninen → vite-ts-tailwind-starter

Uninen / vite-ts-tailwind-starter

Licence: MIT license
Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI.

Programming Languages

Vue
7211 projects
typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

vuepostcsscypress-iotailwindcssvite

Projects that are alternatives of or similar to vite-ts-tailwind-starter

stencil-tailwind-plugin
Plugin for using tailwindcss with StencilJS
Stars: ✭ 17 (-92.54%)
Mutual labels:  postcss, tailwindcss
tailwindcss
Add Tailwind CSS to your Svelte project
Stars: ✭ 583 (+155.7%)
Mutual labels:  postcss, vite
A17t
An atomic design toolkit for pragmatists
Stars: ✭ 236 (+3.51%)
Mutual labels:  postcss, tailwindcss
Tailwindcss
A utility-first CSS framework for rapid UI development.
Stars: ✭ 50,879 (+22215.35%)
Mutual labels:  postcss, tailwindcss
vitesome
A simple opinionated Vue3 Starter Template with Vite.js
Stars: ✭ 124 (-45.61%)
Mutual labels:  tailwindcss, vite
Sapper Firebase Typescript Graphql Tailwindcss Actions Template
A template that includes Sapper for Svelte, Firebase functions and hosting, TypeScript and TypeGraphQL, Tailwind CSS, ESLint, and automatic building and deployment with GitHub Actions
Stars: ✭ 111 (-51.32%)
Mutual labels:  postcss, tailwindcss
vital
Starter template for Vite with React (TypeScript). Supports Tailwind with CSS-Modules. Jest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.
Stars: ✭ 151 (-33.77%)
Mutual labels:  postcss, vite
Tailwindcss Dark Mode
🌚 A Tailwind CSS plugin that adds variants for dark mode
Stars: ✭ 649 (+184.65%)
Mutual labels:  postcss, tailwindcss
reactjs-vite-tailwindcss-boilerplate
ReactJS + Vite boilerplate to be used with Tailwindcss.
Stars: ✭ 103 (-54.82%)
Mutual labels:  tailwindcss, vite
tailwind-caret-color
Tailwindcss plugin to color caret in input fields
Stars: ✭ 12 (-94.74%)
Mutual labels:  postcss, tailwindcss
Postcss Elm Tailwind
put some tailwind in your elm
Stars: ✭ 80 (-64.91%)
Mutual labels:  postcss, tailwindcss
nuxt3-app
Nuxt3 (Nuxt 3) best starter repo, Tailwindcss, Sass, Headless UI, Vue, Pinia, Vite
Stars: ✭ 252 (+10.53%)
Mutual labels:  tailwindcss, vite
Sapper Template Firebase
Starter Rollup template for Sapper apps with Firebase functions based on https://github.com/nhristov/sapper-template-rollup.
Stars: ✭ 29 (-87.28%)
Mutual labels:  postcss, tailwindcss
tailwindcss-postcss-browsersync-boilerplate
Tailwind CSS + PostCSS + BrowserSync boilerplate
Stars: ✭ 28 (-87.72%)
Mutual labels:  postcss, tailwindcss
Awesome Tailwindcss
😎 Awesome things related to Tailwind CSS
Stars: ✭ 7,791 (+3317.11%)
Mutual labels:  postcss, tailwindcss
vite-postcss-preset-env
vite-cssnext.netlify.app/
Stars: ✭ 35 (-84.65%)
Mutual labels:  postcss, vite
sapper-template-rollup
Starter Rollup template for Sapper apps using postcss, cssnano, tailwindcss, and svelte-preprocess.
Stars: ✭ 32 (-85.96%)
Mutual labels:  postcss, tailwindcss
Shopify Theme Lab
Shopify theme development environment using Liquid, Vue and Tailwind CSS 🧪
Stars: ✭ 250 (+9.65%)
Mutual labels:  postcss, tailwindcss
postcss
Add PostCSS to your Svelte project
Stars: ✭ 37 (-83.77%)
Mutual labels:  postcss, vite
element-plus-admin
基于vite+ts+elementPlus
Stars: ✭ 361 (+58.33%)
Mutual labels:  postcss, vite
View All Similar Projects ➔

Vite + Vue 3 + Typescript + Tailwind Starter

Simple, opinionated, fully typed, and production-ready project template for Vite.

This template is practical and batteries included but not overly complex or bloated. Also explicit configuration over magic; it should be easy to understand how everything works, strip out anything you don't need, and fast to modify things to your needs.

Includes plenty of examples and documentation of how to do things but minimal cruft to delete to get you going.

Please check out the homepage for full docs. A detailed changelog is available. This repository is also mirrored on GitLab.

Features

  • Vue 3.2
  • Pinia store (fully typed Vuex store is available up to version 1.13)
  • Routing using vue-router 4
  • TypeScript 4.6
  • Automatic package and component imports w/ unplugin-auto-import and unplugin-vue-components
  • Tailwind CSS 3 w/ following plugins and configuration preinstalled:
    • @tailwindcss/aspect-ratio
    • @tailwindcss/line-clamp
    • @tailwindcss/typography
    • @tailwindcss/forms
    • firefox-variant
  • PostCSS 8 w/ postcss-nesting plugin and cssnano for minimizing production CSS
  • Eslint
  • Prettier
  • Alias @ to <project_root>/src
  • Predefined and fully typed global variables:
    • VITE_APP_VERSION is read from package.json version at build time
    • VITE_APP_BUILD_EPOCH is populated as new Date().getTime() at build time
  • Using newest script setup syntax w/ Ref sugar (see the official Script Setup documentation and Ref Sugar RFC discussion)
  • Vitest unit tests
  • Cypress.io e2e tests (configured similarly to vue-cli)
  • Cypress.io component tests
  • GitHub workflows
    • Dependabot
    • Automated unit tests
    • Automated component tests
    • Automated e2e tests
  • GitLab CI
    • Automated unit tests
    • Automated component tests
    • Automated e2e tests

Elsewhere

Contributing

Contributions are welcome! Please follow the code of conduct when interacting with others.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].