wzulfikar / unwind

Recreating designs for exploration and exercise.

Home Page:https://unwind.design

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Unwind Design

React components based on HyperUI built with Twind.

Run locally:

  • Install dependencies: yarn
  • Run storybook: yarn start

Storybook URL: https://unwind.design

Try in CodeSandbox: https://codesandbox.io/s/github/wzulfikar/unwind

Why?

  • Tailwind is good but I don't really like long class names. Twind solves this problem because I can create base styles with apply and override them as component props.
  • I want to have a component that I can use across projects.
  • I want to have a setup that has clear pattern, from design to development. Hence it has storybook and test out of the box
  • I like HyperUI. It's open source and easy to understand.

This repo is a reflection of what I know to be reliable for my workflow.

TODO:

  • CI: separate install deps, typecheck, and jest from deploy-storybook

About

Recreating designs for exploration and exercise.

https://unwind.design


Languages

Language:TypeScript 95.2%Language:JavaScript 4.8%