Awesome
<p align="center" height="370"> <img align="center" height="370" src="https://user-images.githubusercontent.com/11304944/91128466-dfc96c00-e6da-11ea-8b03-a96e6b98667d.png"> </p> <p align="center"> <img alt="Codecov" src="https://img.shields.io/codecov/c/github/geist-org/geist-ui?style=for-the-badge&labelColor=000000"> <img alt="CircleCI" src="https://img.shields.io/circleci/build/github/geist-org/geist-ui?style=for-the-badge&labelColor=000000"> <img alt="npm (scoped)" src="https://img.shields.io/npm/v/@geist-ui/core?style=for-the-badge&labelColor=000000"> </p>Modern and minimalist React UI library, originating from Vercel's design.
<br/>NOTE: This is a COMMUNITY PROJECT, not associated with Vercel.
Quick Start
-
run
yarn add @geist-ui/core
ornpm i @geist-ui/core
install it. -
import into project:
import { GeistProvider, CssBaseline } from '@geist-ui/core'
const Application = () => (
<GeistProvider>
<CssBaseline /> // ---> Normalize styles
<AppComponent /> // ---> Your App Component
</GeistProvider>
)
Documentation
Development
Showcases
- Secret
- Article view count
- Tree viewer for CDN
- Better social image
- SentiNEO: Near-Earth Objects Viewer
- Dashboard Design
- Regex-Vis: Regex visualizer & editor
- Add here