GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → LatitudeFinancialOSS → basis

LatitudeFinancialOSS / basis

Licence: MIT license
Basis Design System

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactemotiondesign-systemcomponents-library

Projects that are alternatives of or similar to basis

lab-cli
Command line utilities and exporting module for Compositor Lab
Stars: ✭ 52 (-5.45%)
Mutual labels:  emotion, design-system
rebass
⚛️ React primitive UI components built with styled-system.
Stars: ✭ 7,844 (+14161.82%)
Mutual labels:  emotion, design-system
uinix-ui
A minimal framework-agnostic and configurable UI system to build UI systems. Your system your rules 🤘.
Stars: ✭ 19 (-65.45%)
Mutual labels:  design-system, components-library
Flame
Component library for building Lightspeed products
Stars: ✭ 65 (+18.18%)
Mutual labels:  emotion, design-system
Theme Ui
Build consistent, themeable React apps based on constraint-based design principles
Stars: ✭ 4,150 (+7445.45%)
Mutual labels:  emotion, design-system
visage
Visage design system
Stars: ✭ 12 (-78.18%)
Mutual labels:  emotion, design-system
tds-community
TELUS Design System Community Components
Stars: ✭ 22 (-60%)
Mutual labels:  design-system, components-library
leafygreen-ui
LeafyGreen UI – LeafyGreen's React UI Kit
Stars: ✭ 112 (+103.64%)
Mutual labels:  emotion, design-system
Basis
Basis Design System
Stars: ✭ 44 (-20%)
Mutual labels:  emotion, design-system
Fluid System
Fluid System is a style props function transformer for generating fluid styles. 💦
Stars: ✭ 130 (+136.36%)
Mutual labels:  emotion, design-system
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+3232.73%)
Mutual labels:  emotion
Goober
🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API
Stars: ✭ 2,317 (+4112.73%)
Mutual labels:  emotion
Styled Components Vs Emotion
a short doc comparing the popular CSS-in-JS libraries styled-components and emotion
Stars: ✭ 204 (+270.91%)
Mutual labels:  emotion
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
Stars: ✭ 322 (+485.45%)
Mutual labels:  design-system
Gatsby V2 Tutorial Starter
Gatsby V2 Starter - product of step by step tutorial
Stars: ✭ 139 (+152.73%)
Mutual labels:  emotion
Layouts
Grab-and-go layouts for React
Stars: ✭ 202 (+267.27%)
Mutual labels:  emotion
Next Dark Mode
🌑 Enable dark mode for Next.js apps
Stars: ✭ 133 (+141.82%)
Mutual labels:  emotion
Emotion Classification From Audio Files
Understanding emotions from audio files using neural networks and multiple datasets.
Stars: ✭ 189 (+243.64%)
Mutual labels:  emotion
React Next Boilerplate
🚀 A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.
Stars: ✭ 129 (+134.55%)
Mutual labels:  emotion
gio-design
A React UI library and GrowingIO Design System
Stars: ✭ 50 (-9.09%)
Mutual labels:  design-system
View All Similar Projects ➔

CI

Basis Design System

Installation

npm install --save basis @emotion/core prop-types

Install the fonts that your theme needs. For example, if you are using the default theme:

npm install --save typeface-{montserrat,roboto}

Usage

import React from "react";
import { BasisProvider, defaultTheme, Text } from "basis";
import "typeface-montserrat";
import "typeface-roboto";

function App() {
  return (
    <BasisProvider theme={defaultTheme}>
      <Text>Hello World</Text>
    </BasisProvider>
  );
}

export default App;

Developing locally

npm install
npm start

Thanks

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].