croz-ltd / tiller-starter-vite

⚡️Tiller Starter Vite is an official Tiller template for Vite.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tiller Design System with Vite


Getting Started with tiller-starter-vite

The official Tiller template for Vite.
Designed forhighly scalable & performant Vite applications
emphasizing the best UX and best practices.

CI workflow status PRs welcome

Usage

Initializing with npx:

npx degit croz-ltd/tiller-starter-vite

Then

cd %PROJECT_NAME%
yarn install
yarn run dev

✨ Features

  • 🛡 Supports TypeScript with generated tsconfig.json
  • 📦️ Installed Tiller (@tiller-ds/theme & @tiller-ds/core modules)
  • 🎨 Initial theme setup in /styles/tillerConfig.ts
  • 📌 Supports TailwindCSS
  • 📌 Supports Phosphor Icons (If desired, the icon set can be modified within /styles/tillerConfig.ts file.)
  • 📌 React Router v6

🎨 Tiller Design System - Figma UI Kit

Tiller DS UI kit in Figma is a collection of Tiller components that allow you to easily create user interfaces for your Figma projects. It includes common components like buttons, input fields, and menus, as well as more specialized components, like Formik components or Login Pattern.

📚 Tiller Docs & Storybook

For more information about Tiller Design System, please refer to:

  • Storybook
    • Usage documentation for each component
    • Prop documentation for each component
    • Factories for a number of components to easily visualize and create components
    • Code preview for each story
  • GitHub
  • npm

🙌 Contributing

The contributions are most welcome. We would appreciate contributions from the community, regardless of their size. 😍

If you're interested, definitely check our Contributing Guide.

About

⚡️Tiller Starter Vite is an official Tiller template for Vite.


Languages

Language:TypeScript 67.2%Language:CSS 16.2%Language:HTML 9.5%Language:JavaScript 7.1%