We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
react-transition-group - An easy way to perform animations when a React component enters or leaves the DOM
ATTENTION! To address many issues that have come up over the years, the API in v2 is not backwards compatible with the original React addon (v1-stable).For a drop-in replacement for react-addons-transition-group and react-addons-css-transition-group, use the v1 release, which is still actively maintained. Documentation and code for that release are available on the v1-stable branch.
react transition addons transition-group animation css transitionsramjet - Morph DOM elements from one state to another with smooth animations and transitions
npm install ramjet, or download ramjet.js.Ramjet makes it look like your DOM elements are capable of transforming into one another. It does this by cloning the elements (and all their children), transforming the second element (the one we're transforming to) so that it completely overlaps with the first, then animating the two elements together until the first element (the one we're transitioning from) has exactly the same position and dimensions as the second element originally did.
animation transitions dom fx effects cssTransition - Easy interactive interruptible custom ViewController transitions
Transition is a library that helps you build iOS view controller transitions. Implementing a nice interactive custom view controller transition involves quite a number of components. You have to implement the correct delegates, handle the switching between passive animation and active interaction phases, ensure the timing is right, think of interruption and cancellation, keep responsibilities separated... It quickly gets messy! This is where Transition helps you out: you just define the animation and the interaction, Transition ties it all together. To run an example project, clone the repo, navigate to one of these example directories, and run pod install from that directory first.
ios viewcontroller transitions view controller transition animation interactive interuptable customMusic-Player - From UI Proposal to Code :notes::arrow_forward:
Some developers have difficult to code when the UI proposal is a bit “sophisticated” or “complex”. Many of them strip a lot of significant portion of the UI or even the Motion when they are coding, and the result ends up quite different of the original proposal. This article talks about how would be to code an UI proposal, skipping some basic Android details and focusing on transition and animation approach...
android music-player music player prototype motion-design transitions transition ui-proposalbarba.js - Create badass, fluid and smooth transition between your website's pages.
barba.js is a small (4kb minified and gzipped), flexible and dependency free library that helps you creating fluid and smooth transitions between your website's pages. It helps reducing the delay between your pages, minimizing browser HTTP requests and enhancing your user's web experience.
transition pjax smooth-transitions pushstate prefetch transitions navigationanimatic - CSS animations engine
CSS/JS Animations Library with Physics support
animation animations transition transitions css physicsreact-overdrive - Super easy magic-move transitions for React apps
Super easy magic-move transitions for React apps. Wrap any element (not just images) in a <Overdrive id=""></Overdrive> component. Add the same id to create a transition between the elements.
react magic-move transitions animations router overdrive reactjs react-router nextjsMotion - A library used to create beautiful animations and transitions for Apple devices.
Welcome to Motion, a library used to create beautiful animations and transitions for views, layers, and view controllers. Take a look at a sample Photos project to get started.
animation material-design material cosmicmind transitions ios swift-3 swift-library ui ux designreact-move - React Move π Beautiful, data-driven animations for React
Beautiful, data-driven animations for React. React-move allows you to define your animations using durations, delays and ease functions. In react-motion you use spring configurations to define your animations.
react animation motion movement move easing interpolation animate transition-animation react-move resonance d3 svg charts graphs transitionscsshake - CSS classes to move your DOM!
You could download the complete csshake.css file or separated files for each shake animation (i.e csshake-little.css). Each one expanded or minified. Add also classes to control the animation-play-state.
csshake animation keyframe-animation css mixins sass shaking-animations dom transitions animationsimpress
It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. Note: For a minimal checkout, omit the --recursive option. This will leave out extra plugins.
presentation slides slideshow css3 transitions transforms browserlaxxx - Simple & light weight (3kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive!
To increase performance lax.js indexes the list of elements to animate when the page loads. If you're using a library like React, vue.js or EmberJS, it is likely that you are adding elements after the initial window.onload. Because of this you will need to call lax.addElement(domElement) when you add components to the DOM that you want to animate. You can also call lax.removeElement(domElement) when the component unmounts.
parallax scroll effects transitions animation css htmlStfalconImageViewer - A simple and customizable Android full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures
A simple and customizable full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures. Compatible with all of the most popular image processing libraries such as Picasso, Glide etc. Based on PhotoView by chrisbanes. Need iOS and Android apps, MVP development or prototyping? Contact us via info@stfalcon.com. We develop software since 2009, and we're known experts in this field. Check out our portfolio and see more libraries from stfalcon-studio.
android imageviewer swipe-to-dismiss transitions pinch-to-zoom zoom android-library viewer gallery photo-gallery photo image easy-to-use transitionionic-native-transitions - [Maintenance only] Native transitions (iOS & Android) for Ionic Framework
Please note that this project is now in maintenance mode. We welcome PRs for bug fixes, but encourage you to use Ionic 2 and Ionic Native for all future development. The recommended version for the Transition plugin is 0.6.5 or higher.
ionic ionic-framework angularjs cordova telerik angular native transition transitionsreact-native-magic-move - Create magical move transitions between scenes in react-native π°π©β¨
A follow up project called react-native-shared-element has been created which can be considered the successor to react-native-magic-move. It it an all native solution that provides superior performance (no more passes over the react-native bridge) and transitions. It however does not support some of the more exotic transition types (flip, shrinkAndGrow) that Magic Move does. It also doesn't support the web-platform yet and requires native extensions to run. New users are advised to use react-native-shared-element when possible. As for Magic Move, no more new developments will be started for Magic Move, merely critical bug-fixes. This notification will be updated as development on react-native-shared-element progresses. * The native extensions are recommended to get the best performance, but they are not required. This makes it possible to use react-native-magic-move with expo or react-native-web. If you're having trouble installing the native extensions, please see this guide on how to install them manually.
react-native magic-move scene transitions ui-animation react-native-magic-move fluid scene-transitionstent - Stent is combining the ideas of redux with the concept of state machines
Stent is combining the ideas of Redux with the concept of state machines. State machine is a mathematical model of computation. It's an abstract concept where the machine may have different states but at a given time fulfills only one of them. It accepts input and based on that (plus its current state) transitions to another state. Isn't it familiar? Yes, it sounds like a front-end application. That's why this model/concept applies nicely to UI development.
state machine finite mealy-machine stent state-machine mealy redux react connect transitionsAZTransitions - API to make great custom transitions in one method
Make your modal transition with custom animation. AZTransitions helps you think about creativity, giving specific API methods. or just copy AZTransitions/Source/CustomModalTransition.swift into your project.
custom-transitions animation custom-animation transitionsreply - The 'Reply' Material Design case study built with Flutter.
Reply is an email app that uses Material Design components and Material Theming to create an on-brand communication experience. This project tries to deliver a pixel-perfect implementation of the Reply Material Design Case Study in Flutter. The focus lies on the UI (animation, layout, transition, etc.) and should showcase how powerful Flutter has become as a UI framework.
flutter material-design animation transitionsminimit-anima - Jquery plugin to animate with transforms and transitions
Jquery plugin to animate with transforms and transitions
jquery-plugin transforms transitions css3 animation effectgl-transitions - The open collection of GL Transitions
Each commit that gets to gl-transitions/gl-transitions's master automatically generate a new npm minor release. NB. This is a technical documentation, for more informal information, please see https://gl-transitions.com/ homepage.
glsl transition transitions webgl
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.
