ivstudio / tyger-ui

Themeable React UI component library

Home Page:https://main--62cb3e5f2ca3572c994908ed.chromatic.com/?path=/story/components-button--filled

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tyger UI

Tyger-ui is a React-based component library for the web.

npm npm type definitions npm license


✨ Features

  • A set of high-quality React components.
  • Written using TypeScript and Styled Components.
  • Powerful theme customization.
  • Server-side Rendering support.

Try it out on CodeSandbox ▸


Installation


npm:

npm i @tyger-ui/react @tyger-ui/system styled-components framer-motion

yarn:

yarn add @tyger-ui/react @tyger-ui/system styled-components framer-motion

SVG icons

tyger-ui is currently using react-icons on its components.

npm install react-icons --save
# or
yarn add react-icons



Getting started with Tyger UI

import * as React from 'react';
import { Button } from '@tyger-ui/react';

function App() {
	return <Button>Hello World</Button>;
}

Edit tyger-ui


Storybook documentation


Roadmap and contributors

tyger-ui is currently under development and it welcomes contributors.


License

MIT License © 2023 ivstudio