🐦 Finch

An opinionated Design System.

Tech Stack

Building components

• 🔵 Typescript for type-safe superset of Javascript
• ⚛️ Preact declarative component-centric UI
• 📚 Storybook for UI component development
• Smoothie Lines Icons for SVGs
• Open Sans for fonts

Deployment

• 📦 NPM for packaging and distribution
• 🚥 Github Actions for continuous integration
• 🚀 Github Pages for hosting Storybook instance

Install

npm i --save finch-design-system

Usage

import { render } from 'preact';

import { MyComponent } from 'finch-design-system';

const App = () => <div><MyComponent /></div>;

render(App, document.getElementById('app'));