Showing 78 open source projects for "effects"

View related business solutions
  • MongoDB Atlas runs apps anywhere Icon
    MongoDB Atlas runs apps anywhere

    Deploy in 115+ regions with the modern database for every enterprise.

    MongoDB 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.
    Start Free
  • Train ML Models With SQL You Already Know Icon
    Train ML Models With SQL You Already Know

    BigQuery automates data prep, analysis, and predictions with built-in AI assistance.

    Build and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
    Try Free
  • 1
    React Projects

    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. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 2
    XP.css

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 3
    Cancelable Async Flows

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 4
    React Beautiful DnD

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Our Free Plans just got better! | Auth0 Icon
    Our Free Plans just got better! | Auth0

    With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

    You 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.
    Try free now
  • 5
    glfx.js

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    ViewUI

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    meta

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    Superfine

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 9
    texgen.js

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • $300 Free Credits for Your Google Cloud Projects Icon
    $300 Free Credits for Your Google Cloud Projects

    Start building on Google Cloud with $300 in free credits. No commitment, no credit card required until you're ready to scale.

    Launch 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.
    Start Free Trial
  • 10
    lax.js

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    Jssor

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    Hyperapp

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    NativeScript CardView

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    CSSFX

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    vue-form-making

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    dva

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    Effeckt.css

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    Ant Motion

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    stickyNavbar.js

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    Kinetic Scrolling Plugin

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    AOS

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    react-particle-effect-button

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    waitMe

    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).
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    mui

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    iReading

    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+).
    Downloads: 0 This Week
    Last Update:
    See Project
Auth0 Logo