JSainsburyPLC / React Timelines
Licence: mit
React Timelines Library
Stars: ✭ 161
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Timelines
Devportfolio
A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass
Stars: ✭ 3,582 (+2124.84%)
Mutual labels: timeline, scss, sass
Basis
A lightweight responsive Sass/CSS framework based on flexible box.
Stars: ✭ 133 (-17.39%)
Mutual labels: scss, sass
Shards Ui
🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components.
Stars: ✭ 1,718 (+967.08%)
Mutual labels: scss, sass
Hocus Pocus
Universal and lightweight stylesheet starter kit
Stars: ✭ 128 (-20.5%)
Mutual labels: scss, sass
Frasco
Quick starter for Jekyll including full setup for Sass, PostCSS, Autoprefixer, stylelint, Webpack, ESLint, imagemin, Browsersync, etc.
Stars: ✭ 123 (-23.6%)
Mutual labels: scss, sass
Grass
A near-feature-complete Sass compiler written purely in Rust
Stars: ✭ 143 (-11.18%)
Mutual labels: scss, sass
Skeleton Sass
Skeleton Sass is a highly modular version of Skeleton CSS
Stars: ✭ 151 (-6.21%)
Mutual labels: scss, sass
Compass Inuit
💮 Compass extension for inuit.css. More than 40k users served!
Stars: ✭ 127 (-21.12%)
Mutual labels: scss, sass
Baseguide
Lightweight and robust CSS framework for prototyping and production code.
Stars: ✭ 127 (-21.12%)
Mutual labels: scss, sass
Awesome Sass
Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly.
Stars: ✭ 1,714 (+964.6%)
Mutual labels: scss, sass
Fast
Develop, build, deploy, redeploy, and teardown frontend projects fast.
Stars: ✭ 126 (-21.74%)
Mutual labels: scss, sass
Gulp Starter Kit
A simple Gulp 4 Starter Kit for modern web development.
Stars: ✭ 134 (-16.77%)
Mutual labels: scss, sass
Flexible Grid
Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)
Stars: ✭ 154 (-4.35%)
Mutual labels: scss, sass
Refills
Refills is maintained by the thoughtbot design team. It is funded by
thoughtbot, inc. and the names and logos for thoughtbot are
trademarks of thoughtbot, inc.
Stars: ✭ 1,523 (+845.96%)
Mutual labels: scss, sass
Mq Scss
Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.
Stars: ✭ 122 (-24.22%)
Mutual labels: scss, sass
React Timelines
Install
# with npm
npm install react-timelines
# or with Yarn
yarn add react-timelines
Use
import Timeline from 'react-timelines'
const MyWidget = () => <Timeline {...props} />
export default MyWidget
Styling
Using Webpack
Using Webpack with CSS loader, add the following:
import 'react-timelines/lib/css/style.css'
Using Sass (SCSS)
Using Sass you can configure the timeline with variables:
$react-timelines-font-family: MaryAnn;
$react-timelines-sidebar-width: 320px;
@import '~/react-timelines/src/scss/style';
Without build tools
Create a CSS file with the contents of react-timelines/lib/css/style.css and include it in <head>
Development
npm install
npm run watch
This library is developed using VSCode - opening it in VSCode will recommend extensions, and enable linting and auto-formatting of code.
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].