finch-design-system

🐦 Finch

An opinionated Design System.

Tech Stack

Building components

• 🔵 Typescript for type-safe superset of Javascript
• ⚛️ React declarative component-centric UI
• 💅 Styled-components for component-scoped styling
• 📚 Storybook for UI component development

Deployment

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

Maintenance

• 🤖 Dependabot for automatic dependency updates
• 🐕 Snyk for dependency vulnerability reporting
• 🦔 Percy for visual testing as a service

Install

npm i --save finch-design-system

Usage

import React, { Component } from 'react';

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

class App extends Component {
  render() {
    return <MyComponent />;
  }
}