Socket
Socket
Sign inDemoInstall

@tiller-ds/cra-template

Package Overview
Dependencies
0
Maintainers
3
Versions
10
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @tiller-ds/cra-template

Tiller Design System's Create React App starter with preloaded key dependencies


Version published
Maintainers
3
Install size
296 kB
Created

Readme

Source
Tiller Design System with CRA

Getting Started with @tiller-ds/cra-template

The official Tiller template for Create React App.
Designed for highly scalable & performant React applications,
emphasizing the best UX and best practices.

CI workflow status PRs welcome

Usage

Initializing with Yarn (preferred):

yarn create react-app %PROJECT_NAME% --template @tiller-ds/cra-template

or with npm:

npx create-react-app %PROJECT_NAME% --template @tiller-ds/cra-template

Then

cd %PROJECT_NAME%
yarn install
yarn start

✨ Features

  • 🛡 Supports TypeScript with generated tsconfig.json
  • 📦️ Installed Tiller (@tiller-ds/theme & @tiller-ds/core modules)
  • 🎨 Initial theme setup in /styles/tillerConfig.tsx
  • 📌 Supports TailwindCSS
  • 📌 Supports Phosphor Icons (If desired, the icon set can be modified within /styles/tillerConfig.tsx file. Click here for more.)
  • 📌 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.

Keywords

FAQs

Last updated on 02 May 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc