Search Results for "effects" - Page 2
Sort By:
Showing 78 open source projects for "effects"
View related business solutions-
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.
-
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
1
React Projects
Collection of React example / tutorial projects
This repository is a collection of small-to-medium React applications that showcase practical patterns, from stateful widgets to multi-page interfaces. Each project is self-contained and demonstrates specific techniques—hooks for state and effects, context for global state, custom hooks for reuse, and reducer patterns for complex updates. The codebases include common UI tasks like forms, modals, lists, filtered search, and pagination, along with data fetching and basic routing where appropriate. Because every project focuses on a narrow set of concepts, learners can clone a single folder, run it, and grasp the idea without wading through a monolith. ... -
2
XP.css
A CSS framework for building faithful recreations of operating system
This library relies on the usage of semantic HTML. To make a button, you'll need to use a button. Input elements require labels. Icon buttons rely on aria-label. This page will guide you through that process, but accessibility is a primary goal of this project. -
3
Cancelable Async Flows
Cancelable Async Flows (CAF)
CAF (Cancelable Async Flows) is a small utility that brings cooperative cancellation to JavaScript async workflows. It wraps async generators or promise-returning functions so they can respond to a cancel signal and halt work early, preventing wasted CPU and stray side effects. The library encourages a disciplined pattern: pass a token into your task, periodically check it, and unwind gracefully when cancellation is requested. This approach avoids brittle timeouts and “fire-and-forget” leaks by making cancellation a first-class concern. CAF is framework-agnostic and pairs well with fetch, timers, or custom async primitives, giving you a consistent contract for stopping in-flight operations. ... -
4
React Beautiful DnD
Beautiful and accessible drag and drop for lists with React
...It supports common patterns like reordering within a list, moving items between multiple lists, and integrating with virtualized lists. Clear lifecycle callbacks expose what changed during a drag so you can persist updates or trigger side effects reliably. -
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
5
glfx.js
An image effects library for JavaScript using WebGL
glfx.js is a JavaScript image-effects library that uses WebGL to apply real-time filters and transformations directly in the browser. It exposes a simple API where images are uploaded into GPU textures, processed with shader-based filters, and rendered to a WebGL canvas. Because the work is done on the GPU, many effects that would be too slow in pure JavaScript (like complex blurs, lens effects, or tilt-shift) can run interactively, even on large images. -
6
ViewUI
A high quality UI Toolkit built on Vue.js 2.0
...Social layout, map layout, and work desktop layout to choose from. Perfect international solution support. Fully responsive support, all pages and function points have different display effects on PC, mobile, and tablet. -
7
meta
Tool for turning many repos into a meta repo
Tool for turning many repos into a meta repo. why choose many repos or a monolithic repo, when you can have both with a meta repo? meta is powered by plugins that wrap common commands, letting you execute them against some or all of the repos in your solution at once. meta is built on loop, and as such inherits loops ability to easily target a particular set of directories for executing a common command (eg meta git status --include-only dir1,dir2. See loop for more available options). meta... -
8
Superfine
Absolutely minimal view layer for building web interfaces
Superfine is a minimal view layer for building web interfaces. Think Hyperapp without the framework—no state machines, effects, or subscriptions, just the absolute bare minimum (1 kB minified+gzipped). Mix it with your favorite state management library or use it standalone for maximum flexibility. When describing how a page looks in Superfine, we don't write markup. Instead, we use the h() and text() functions to create a lightweight representation of the DOM (or virtual DOM for short), and patch() to actually render the DOM. ... -
9
texgen.js
JavaScript Texture Generator
texgen.js is a compact JavaScript library for generating procedural textures directly in the browser. It exposes a set of composable operations—noise, gradients, patterns, transforms, blends—that you can stack to create complex materials without image files. The API is deliberately fluent, letting you chain nodes to define a pipeline and then render to a canvas or WebGL texture. This approach is ideal for games, demos, and creative coding where small footprint and dynamic variation matter... -
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
10
lax.js
Library to create smooth & beautiful animations when you scroll
...The easiest way to get started is to use presets via html classes. Multiple presets can be chained together and they can be customised to suit your needs. Use the preset explorer to explore effects and see a simple example here. 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 or EmberJS, it is likely that you are adding elements after the initial window.onload. Because of this you will need to call lax.addElements when you add components to the DOM that you want to animate. -
11
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. ... -
12
Hyperapp
Tiny framework for building hypertext applications
...Official packages provide access to The Web Platform, and ensure that the APIs are exposed in a way that makes sense for Hyperapp, and the underlying code is stable. We already cover a decent amount of features, but you can always create your own effects and subscriptions if something is not available yet. -
13
NativeScript CardView
NativeScript widget for Material Design CardView
nativescript-cardview is a NativeScript plugin that provides a Material Design card component for mobile applications. It allows developers to create card-based layouts with shadow effects and rounded corners, enhancing the UI's visual appeal. -
14
CSSFX
Beautifully simple click-to-copy CSS effects
Beautifully simple click-to-copy CSS effects. A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup. Completely open-source and MIT licensed. -
15
vue-form-making
A visual form designer/generator base on Vue.js
A visual form designer developed based on VUE, to help enterprises achieve low code development mode; lets developers pay more attention to business instead of the traditional boring coding form, and helps to improve efficiency quickly, save research and development costs. Popular form designer page, through the visual operation, quickly completes the creation of the form page. Design the form with grid layout, allows you to use nested, you can use this fundamental layout to create a very... -
16
dva
React and redux based, lightweight and elm-style framework
...(Inspired by elm and choo) Easy to learn, easy to use: only 6 apis, very friendly to redux users, and API reduce to 0 when use with umi. Elm concepts: organize models with reducers, effects and subscriptions. Support HMR: support HMR for components, routes and models with babel-plugin-dva-hmr. Plugin system: e.g. we have dva-loading plugin to handle loading state automatically. -
17
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... -
18
Ant Motion
Animate specification and components of Ant Design
...Use Ant Motion to quickly use animations in the React framework. We offer single, combined and complete animations solutions. In the React framework, you only need a simple piece of code to achieve animation effects, which can improve your work efficiency. With more friendly interaction, let the animate shuttle between different elements, so that the product can better talk to the user. -
19
stickyNavbar.js
stickyNavbar.js: Fancy sticky navigation jQuery plugin
...Include reference to jQuery library, jQuery easing plugin (optional), animate.CSS (optional, not working in IE9) and stickyNavbar itself at the bottom of the page before the closing body tag. stickyNavbar.js is a jQuery plugin that helps you stick your navigation bars to the top of the browser window during scrolling. It could stop right here but stickyNavbar.js offers more: you can use your favorite jQuery effects or even the fantastic Animate.CSS library to spice up your navigation. The plugin offers a lot of options to suit everyone's needs. -
20
Kinetic Scrolling Plugin
Kinetic Scrolling plugin for Canvas using Phaser Framework
Phaser Kinetic Scrolling Plugin introduces kinetic scrolling behavior to Phaser games, mimicking the natural scrolling experience found in mobile applications. It's particularly useful for creating scrollable menus, maps, or content areas within games. -
21
AOS
Animate on scroll library
AOS is a lightweight JavaScript and CSS library for animating elements as users scroll through a webpage. It lets developers add animation behavior directly through HTML data attributes, making it easy to apply effects without writing custom JavaScript for every element. The library supports animations that trigger while scrolling down and can reset when scrolling back up. It includes options for duration, delay, easing, offsets, anchors, and once-only animation behavior. AOS is useful for landing pages, portfolios, marketing sites, and content-heavy pages that need subtle motion and visual rhythm. ... -
22
react-particle-effect-button
Bursting particle effect buttons for React
react-particle-effect-button is a React component library that provides buttons (or UI elements) with visually appealing particle explosion effects — for instance, on click or hover. Instead of static buttons, using this library lets you enhance user interactions with dynamic particle animations, giving a more lively and interactive UX. It’s ideal for use cases like “like” buttons, call-to-action buttons, or any UI control where you want a bit of flair. Because it’s built for React, integrating it into existing React applications/components is straightforward. ... -
23
waitMe
jquery plugin for easy creating loading css3/images animations
jQuery plugin for easy creating and loading css3 animations. Simple to use. Contains 14 animation effects and can use images. For work required only jQuery, other libraries are not required. The plugin works on all browsers and IE10+ (for css3 animation effects). -
24
mui
High-performance framework closest to native APP experience
The gap between performance and experience has always been the primary reason for mobile app developers to abandon HTML5. The browser’s natural page-cutting white screen, the unbearable turning animation, the jittering of floating elements, and the inability to pull down to refresh smoothly, all of which frustrate HTML5 developers, especially when they get a low-end Android machine to run, and the phone falls. On the other hand, the browser default control styles are few and ugly, making a... -
25
iReading
iReading App Write In React-Native
iReading App Write In React-Native. ShowAPI was used by iReading from free to charge, so my key doesn't work. You could apply for a new key and replace in UrlUtil.js, it will work properly. Supports Android 4.1 (API 16)+ IOS(8.0+).
