Search Results for "transitions"
Sort By:
Showing 37 open source projects for "transitions"
View related business solutions-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
1
Pushy jQuery
Pushy is a responsive off-canvas navigation menu using CSS transforms
Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. This project was inspired by the off-canvas navigation menu seen on Medium. Pushy has been implemented on many sites, check them out! Feel free to contact me if you use Pushy in one of your websites. Pushy has been featured on the Treehouse Show and in a book. -
2
Swiper
Most modern mobile touch slider with hardware accelerated transitions
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity. Swiper, along with other great components, is a part of Framework7, a fully-featured framework for building iOS & Android apps. ... -
3
vue2-elm
Large single page application with 45 pages built on vue2 + vuex
...The project illustrates how to organize a medium-sized SPA, including how to split features into reusable pieces and handle asynchronous data. It places strong emphasis on responsive UI, transitions, and user feedback patterns that feel app-like on mobile devices. Developers can study API consumption patterns and mock data handling to simulate real production constraints. As a learning resource, it gives a practical playground for debugging, performance considerations, and code readability in a real-world scale example -
4
OrgChart
It's a simple and direct organization chart plugin
It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
simplelightbox
Touch-friendly image lightbox for mobile and desktop
Touch-friendly image lightbox for mobile and desktop. You can customize Simplelightbox by changing the style in simplelightbox.css. You can have multiple lightboxes on one page if you give them different selectors. Only some CSS is included. You can change the style if you want. Lots of options. Preloading next and previous images. Android, iOs, and Windows phone support. -
6
nivo
A rich set of dataviz components
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts. In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use. Given an array of data series having an id and a nested array of points (with x, y properties),... -
7
Spectacle
A ReactJS based Presentation Library
Spectacle is an open source presentation library based on React.js. It lets you create sleek presentations using JSX syntax, giving you the ability to live demo your code. Spectacle’s presentations are lively and interactive, with clickable elements, themes, custom backgrounds, animations, and many other fun and unique elements you can add to make your presentations pop. With Spectacle you can also live demo your code in real time without having to leave the presentation deck. Code blocks... -
8
reveal.js
The HTML Presentation Framework
reveal.js is a framework for creating beautiful interactive presentations using HTML. It comes with a wide range of features, including nested slides, auto-sliding, touch navigation, Markdown support, PDF export, speaker notes, theming and more. It also comes with a JavaScript API that allows you to control various other options, and a list of plugins that can be used to extend reveal.js further. reveal.js currently offers full support for any recently released version of the following... -
9
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. Many examples lean on contemporary features—custom properties,... -
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
10
D3
Bring data to life with SVG, Canvas and HTML
...D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For example, you can use D3 to generate an HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction. D3 is not a monolithic framework that seeks to provide every conceivable feature. Instead, D3 solves the crux of the problem: efficient manipulation of documents based on data. This avoids proprietary representation and affords extraordinary flexibility, exposing the full capabilities of web standards such as HTML, SVG, and CSS. -
11
Moment.js
Parse, validate, manipulate, and display dates in javascript
...It supports many formats in input and output, internationalization (i18n), locale-based month/day names, relative time (for example, “3 days ago”), and chaining of operations (adding, subtracting, diffing). Developers often use it for calendar displays, scheduling, and manipulating times across time zones or daylight saving transitions. While it makes working with date strings convenient, moment maintains internal mutability, which has trade-offs with safety and chainability. Over time, newer alternatives with immutable and modular designs have emerged, but moment remains widely known and integrated in many legacy projects. Its comprehensive feature set and ease of use made it a standard for date-time handling in JavaScript for many years. -
12
iziModal
Elegant, responsive, flexible and lightweight modal plugin with jQuery
Elegant, responsive, flexible and lightweight modal plugin with jQuery. All modern browsers are supported (Tested in Chrome, Firefox, Opera, Safari, IE9+ and Edge). -
13
vue2-happyfri
Learning-oriented app that recreates a mobile food-ordering experience
...It shows how to compose UI from reusable components, wire up routing between views, and manage shared state for carts, users, and menus. The project emphasizes responsive, touch-friendly interactions and small polish details—like transitions, toasts, and loading states—that make the app feel production-ready. It includes examples of fetching and normalizing data, handling asynchronous flows, and keeping UI reactive to server responses. Developers can study folder structure, component boundaries, and patterns for passing data and events cleanly through the tree. As a whole, it provides a concrete blueprint for building consumer-grade Vue apps that balance clarity, scalability, and user experience. -
14
Hint.css
A CSS only tooltip library for your lovely websites
hint.css is written as a pure CSS resource using which you can create cool accessible tooltips for your web app. It does not rely on JavaScript but rather uses aria-label/data- attribute*, pseudo-elements, content property and CSS3 transitions to create the tooltips. Also it uses BEM naming convention, particularly for the modifiers. Hint.css is a pure CSS tooltip library for your lovely websites. Upgrading from v1.x, If you are already using v1.x, you may need to tweak certain position classes because of the way tooltips are positioned in v2. All you need to do is give your element any position class and tooltip text using the aria-label attribute. ... -
15
Weex Ui
A rich interaction, lightweight, high performance UI library
A UI toolkit for developing rich mobile applications with Weex, focusing on performance and flexibility. -
16
React Native Router
The first declarative React Native router
React Native Router is a different API over react-navigation. It helps users to define all the routes in one central place and navigate and communicate between different screens in an easy way. But it also means that react-native-router-flux inherits all limitations and changes from updated versions. v5.0.alpha.x is based on React Navigation v5.x (very early alpha, development in progress, help wanted!). Define all your routes in one React component and navigate from one scene to another... -
17
Highway
Highway - A Modern Javascript Transitions Manager
Highway is a lightweight (2.5ko gzipped), easy-to-use, flexible, and modern library to create AJAX navigations with animations on websites. Don't bother about all the processes behind the scenes and focus on creative animations. -
18
react-native-swiper
The best Swiper component for React Native
...You can make control buttons visible and enable auto play mode. Make pagination visible, merge custom styles with the default styles, and add delay between auto play transitions. ScrollBy(index, animated), and Scroll by relative index methods available. Launch simulator to preview. Note that you just need to edit the source file src/index.js, the change will auto sync to examples. After development, you should add test for your modification and make all tests passed to prevent other contributors break the feature in the future accidentally. ... -
19
dc.js
Multi-Dimensional charting built to work natively with crossfilter
...In dc.js, each chart displays an aggregation of some attributes through the position, size, and color of its elements, and also presents a dimension which can be filtered. When the filter or brush changes, all other charts are updated dynamically, using animated transitions. dc.js is an easy yet powerful javascript library for data visualization and analysis in the browser and on mobile devices. -
20
smooth UI
Modern React UI library
Modern React UI library. Code less, do more. Smooth UI is a style system / UI library for React. It works with Styled Components or Emotion. It is focused on developer experience, and productivity. You can focus on what you want to build instead of on how to build it. BrowserStack allows us to test in real browsers. -
21
react-native-material-textfield
Material textfield
Material texfield with consistent behavior on iOS and Android. -
22
Jssor
Touch swipe image slider/slideshow/gallery/carousel/banner mobile
Jssor Slider is a touch swipe image slider carousel with 200+ slideshow effects. When touch Jssor Slider, it will freeze and then move to the direction that finger swipes to. It comes with javascript library source code. Jssor jQuery slider plugin and No-jQuery version slider work almost the same, both are for image slider carousel, and content slider carousel. Slideshow and caption slide animation are all available for both version. jQuery developers benefit from the jQuery js library. The... -
23
Chartist.js
Simple responsive charts
...They include Chartist and come with awesome chart styles! Specifying the style of your chart in CSS is not only cleaner but also enables you to use awesome CSS animations and transitions to be applied to your SVG elements! Note that CSS3 animations on SVG CSS attributes are not supported on all browsers and the appearance may vary. -
24
Effeckt.css
A Performant Transitions and Animations Library
Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation state. ... -
25
MaterializeCSS
Materialize, a CSS Framework based on Material Design
A modern responsive front-end framework based on Material Design. We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and animations that provide more feedback to users. Additionally, a single underlying responsive system across all platforms allow for a more unified user experience. ...
