All Projects → brainly → Style Guide

brainly / Style Guide

Licence: other
🎨 Brainly Front-End Style Guide

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Style Guide

Axiom React
Axiom - Brandwatch design system and React pattern library
Stars: ✭ 41 (-70.5%)
Mutual labels:  style-guide, react-components
React Redux Typescript Guide
The complete guide to static typing in "React & Redux" apps using TypeScript
Stars: ✭ 11,621 (+8260.43%)
Mutual labels:  style-guide
React Rainbow
🌈 React Rainbow Components. Build your web application in a snap.
Stars: ✭ 1,662 (+1095.68%)
Mutual labels:  react-components
Devextreme Reactive
Business React components for Bootstrap and Material-UI
Stars: ✭ 1,800 (+1194.96%)
Mutual labels:  react-components
Vue Styleguide Generator
React inspired style guide generator for Vue.js
Stars: ✭ 123 (-11.51%)
Mutual labels:  style-guide
Gojs React
A set of React components to manage GoJS Diagrams, Palettes, and Overviews
Stars: ✭ 130 (-6.47%)
Mutual labels:  react-components
Gakki
🌼🌸 A React Native App for Mastodon. 一个由React Native编写的长毛象客户端App🦋
Stars: ✭ 120 (-13.67%)
Mutual labels:  react-components
Styleguide
The VTEX Design System and React component library.
Stars: ✭ 138 (-0.72%)
Mutual labels:  react-components
Javascript Style Guide
Airbnb JavaScript 스타일 가이드
Stars: ✭ 132 (-5.04%)
Mutual labels:  style-guide
Clean Go Article
A reference for the Go community that covers the fundamentals of writing clean code and discusses concrete refactoring examples specific to Go.
Stars: ✭ 1,911 (+1274.82%)
Mutual labels:  style-guide
React Splitters
React splitter component, written in TypeScript.
Stars: ✭ 127 (-8.63%)
Mutual labels:  react-components
Orama
Plug and play React charts
Stars: ✭ 125 (-10.07%)
Mutual labels:  react-components
React Trumbowyg
React wrapper for lightweight WYSIWYG editor Trumbowyg
Stars: ✭ 130 (-6.47%)
Mutual labels:  react-components
Android Kotlin Style Guide
Kotlin style guide of FRESH LIVE since April, 2015.
Stars: ✭ 121 (-12.95%)
Mutual labels:  style-guide
React Free Style
Make React components easier and more maintainable by using inline style objects
Stars: ✭ 135 (-2.88%)
Mutual labels:  react-components
React Structured Data
React Structured Data provides an easy way to add structured data to your React apps
Stars: ✭ 120 (-13.67%)
Mutual labels:  react-components
React
Modern and minimalist React UI library.
Stars: ✭ 2,546 (+1731.65%)
Mutual labels:  react-components
Ruby Style Guide
Shopify’s Ruby Style Guide
Stars: ✭ 127 (-8.63%)
Mutual labels:  style-guide
React Code Blocks
React code blocks and code snippet components
Stars: ✭ 135 (-2.88%)
Mutual labels:  react-components
Tabler React
React components and demo for the Tabler UI theme.
Stars: ✭ 1,830 (+1216.55%)
Mutual labels:  react-components

Brainly Style Guide

Build Status Dependency Status devDependency Status

This project is a living style guide of all basic front-end components used at Brainly.

Documentation

Documentation is an esential part of this project. You can see its latest version on styleguide.brainly.com. New version of the docs is deployed with every merge to master. You can also browse older versions by changing version number in the URL. Documentation is splitted into four sections:

  • Basics - colors, fonts, icons, simple components
  • Components - complex components
  • Containers - components that host other components
  • Interactive - new, interactive version of the style guide docs that we are experimenting with

How to use it

All components can be used in both HTML and JSX. In both cases you have to include main CSS file, as described on the main docs page, in the head section of your page. In case of HTML, you just have to follow style-guide markup which you can easily copy by clicking on any component in the docs. If you prefer to use React instead, you'll have to add this repository as a dependency in package.json and import components into your JSX file.

Supported Browsers

We officially support the following browsers (based on real user trafic from our analytics):

Browser Versions Total share in global traffic
Google Chrome 28+ 60.77%
Safari 7+ 12.52%
Samsung Internet 1.1+ 3.99%
YaBrowser 15+ 3.99%
Android Webview 30+ 3.85%
Firefox 42+ 3.32%
UCBrowser 8+ 2.90%
Android Browser 4.0+ 2.11%
Opera 33+ 2.06%
Opera Mini 7+ 1.29%
Edge 12+ 1.28%
Internet Explorer 11+ 1.05%

Last updated: 19.12.2017

Note: You can find all recent stats in our analytics (INTERNAL)

Contributing

We welcome all issue reports and pull requests ❤️ If you'd like to contribute, please start with this doc.

Caveats

  • Package "s3" has been forked to @brainly organization. One of dependencies of this package (graceful-fs) was causing our builds to fail. Since this package is no longer maintained, we decided to fork it and make needed updates. As a long-term solution, we need to switch "s3" package to something more up-to-date.
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].