bootstrap-styled-motion

bootstrap-styled-motion components made with styled-components for bootstrap-styled.

Master

Dev

Table of Contents

• Prerequisite
• Installation
• Animation components
• Changelog
• Quick start
• License

---

Prerequisite

$ npm install --save react react-dom styled-components

Installation

$ npm install --save bootstrap-styled-motion

Animation components

All our animations components are documented on bootstrap-styled documentation.

import { 
  Blur, 
  Contrast, 
  Brightness, 
  Grayscale, 
  HueRotate, 
  Invert, 
  Opacity, 
  Sepia, 
  Saturate, 
  Dropshadow,
  Bounce, 
  BounceDown, 
  BounceUp, 
  BounceLeft, 
  BounceRight,
  FadeIn, 
  FadeInDown, 
  FadeInUp, 
  FadeInLeft, 
  FadeInRight,
  Flip, 
  FlipX, 
  FlipY,
  LightIn, 
  LightOut,
  RotateIn, 
  RotateLeft, 
  RotateRight, 
  RotateUpLeft, 
  RotateUpRight,
  SlideUp, 
  SlideDown, 
  SlideRight, 
  SlideLeft, 
  SlideRightLeft,
  Flash, 
  RollOut, 
  RollIn, 
  Rubber, 
  Swing, 
  Zoom, 
  Hinge, 
  Pulse, 
  ExpandUp, 
  Entrance, 
  Hatch,
} from 'bootstrap-styled-motion';

Changelog

• View Changelog

Quick start

Clone project

git clone ssh://[e-mail]:20024/styled-components/bootstrap-styled-motion.git

Install dependencies

npm install

Build project

npm run build

Run unit test

npm test

Watch unit test

npm run test:watch

Watch the /dist directory

npm run build:dist:watch

Watch the /lib directory

npm run build:lib:watch

Contribute

master is used to release the version.

• master only accept merge requests from dev

dev is the development branch. It should be used by developers for applying their merge requests.

If you wish to implement new features you need to do a merge request including your change on the dev branch.

git checkout dev
git checkout $(whoami)-dev
git push -u origin $(whoami)-dev 

License

Licensed under the MIT License, Copyright © 2017-present Yeutech Company Limited.

See LICENSE for more information.