PedroBern / React Tiger Transition
Licence: mit
Full page transitions with react-router.
Stars: ✭ 431
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Tiger Transition
React Page Transition
A React component that makes it easy to use the page transitions from the Codedrops page transitions demo with React
Stars: ✭ 145 (-66.36%)
Mutual labels: page-transitions, react-router
Django React Boilerplate
DIY Django + React Boilerplate for starting your SaaS
Stars: ✭ 385 (-10.67%)
Mutual labels: react-router
Fullstack Typescript
FAST FullStack React with TypeScript starter kit.
Stars: ✭ 295 (-31.55%)
Mutual labels: react-router
Serverless Stack Com
An open source guide for building and deploying full-stack apps using Serverless and React on AWS.
Stars: ✭ 3,617 (+739.21%)
Mutual labels: react-router
Lookforward
A small library that helps you to create smooth transitions between pages with the easiest way
Stars: ✭ 298 (-30.86%)
Mutual labels: page-transitions
Judo Heroes
A React application to showcase rendering with Universal JavaScript
Stars: ✭ 373 (-13.46%)
Mutual labels: react-router
Pro Mern Stack
Code Listing for the book Pro MERN Stack
Stars: ✭ 290 (-32.71%)
Mutual labels: react-router
After.js
Next.js-like framework for server-rendered React apps built with React Router
Stars: ✭ 4,051 (+839.91%)
Mutual labels: react-router
H5 Dooring
H5 Page Maker, H5 Editor, LowCode. Make H5 as easy as building blocks. | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站,LowCode平台.
Stars: ✭ 5,832 (+1253.13%)
Mutual labels: react-router
React Tutorial
🐅Some of the react tutorial - 《React学习笔记》
Stars: ✭ 347 (-19.49%)
Mutual labels: react-router
Isomorphic React
A simple but powerful React application built on a standards-compliant back-end
Stars: ✭ 318 (-26.22%)
Mutual labels: react-router
Js Stack From Scratch
🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
Stars: ✭ 18,814 (+4265.2%)
Mutual labels: react-router
React Dynamic Route Loading Es6
Auto chunking and dynamic loading of routes with React Router and Webpack 2
Stars: ✭ 297 (-31.09%)
Mutual labels: react-router
React Native Train
I use this book to train my team, help them to know how to build React-native app in the right way.
Stars: ✭ 407 (-5.57%)
Mutual labels: react-router
Windmill Dashboard React
❄ A multi theme, completely accessible, ready for production dashboard.
Stars: ✭ 283 (-34.34%)
Mutual labels: react-router
React Antd
基于react + redux + immutable + less + ES6/7 + webpack2.0 + fetch + react-router + antd实现的SPA后台管理系统模板
Stars: ✭ 321 (-25.52%)
Mutual labels: react-router
Nextjs Page Transitions
Travel App, Native-like Page Transitions (:atom: with React & Next.js)
Stars: ✭ 424 (-1.62%)
Mutual labels: page-transitions
React Lego
React-lego : incrementally add more cool stuff to your react app
Stars: ✭ 417 (-3.25%)
Mutual labels: react-router
react-tiger-transition
Page transitions for react router dom. Animate your routes programmatically during navigation. Instead of defining the animation inside <Route />
, this module defines inside <Link />
, allowing to easily reach and leave the same url with different transitions.
Documentation
Features
- Create dynamic transitions on the fly.
- No need to load a bunch of CSS!
- Zero dependencies.
- 20+ built-in transitions (the tigers).
- Minimum configuration.
- Fully customizable (raise your own tigers!).
- Built with react-transition-group and react-router-dom.
- Inspired by react-router-transition and this transitions collection.
Installation
npm i react-tiger-transition
You need to install peerDependencies:
npm i react-router-dom react-transition-group
Contributing
See CONTRIBUTING.
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].