Showing 149 open source projects for "effects"

View related business solutions
  • $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
  • Build Agents and Models on One Platform Icon
    Build Agents and Models on One Platform

    Everything you need to build production-ready agents and models. Access 200+ Google and third-party AI models and tools.

    Gemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
    Try It Free
  • 1
    Clean Code JavaScript

    Clean Code JavaScript

    Clean Code concepts adapted for JavaScript

    ...The repository covers everyday concerns—naming, functions, conditionals, objects, classes, and error handling—showing how small choices compound into maintainable systems. Modern JavaScript features (e.g., default parameters, destructuring, classes, array methods) are used to illustrate clearer APIs and fewer side effects. Throughout, the guidance encourages single-purpose functions, avoiding unnecessary context and duplications, and favoring functional patterns where they improve clarity. It’s a reference you dip into to assess your code’s clarity and consistency, not a checklist of rules to follow blindly.
    Downloads: 2 This Week
    Last Update:
    See Project
  • 2
    FFCreator

    FFCreator

    A fast video processing library based on node.js

    ...FFCreator is a lightweight and flexible solution that requires few dependencies and low machine configuration to start working quickly. It simulates 90% animation effects of animate.css. You can easily convert the animation effects on the web page side into videos.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 3
    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
  • 4
    Chalk Animation

    Chalk Animation

    Colorful animations in terminal output

    A Node.js library that provides animated text effects in the terminal using the Chalk library for styling.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Error to trace to log to deploy. One click. No SSH. Icon
    Error to trace to log to deploy. One click. No SSH.

    Catch the cause before the pager goes off.

    AppSignal links every error to the trace, the trace to the log, the log to the deploy that shipped it.
    Free 30 days.
  • 5
    Motionity

    Motionity

    The web-based motion graphics editor for everyone

    ...In addition to keyframing, motionity supports layer masking, filters (color adjustments, blur, chroma-keying), trimming and cutting of video clips, and audio track integration, enabling creation of short animations, intros, social media videos, or animated slideshows directly in a browser without specialized software. It also supports animated text effects (fade, scale, type-writer), and can incorporate vector-based animations or Lottie animations.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    Vue Router

    Vue Router

    The router for Vue.js

    ...It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze. Nested route/view mapping; modular, component-based router configuration; route params, query, wildcards; view transition effects powered by Vue.js' transition system; fine-grained navigation control; links with automatic active CSS classes; HTML5 history mode or hash mode, with auto-fallback in IE9; customizable Scroll Behavior. Creating a Single-page Application with Vue + Vue Router feels natural: with Vue.js, we are already composing our application with components. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 7
    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
  • 8
    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
  • 9
    Functional-Light JavaScript

    Functional-Light JavaScript

    Pragmatic, balanced FP in JavaScript

    Functional-Light JavaScript is an online book that teaches functional programming principles through a pragmatic JavaScript lens. Instead of insisting on strict purity, it adopts a balanced approach that keeps code practical while showing how immutability, composition, and declarative thinking improve quality. Chapters build up from values and closures to higher-order functions, list operations, transducing, and async patterns, all grounded in idiomatic JS. The writing favors intuition and...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 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
  • 10
    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
  • 11
    eDEX-UI

    eDEX-UI

    Customizable science fiction terminal emulator

    eDEX-UI is a fullscreen, cross-platform terminal emulator and system monitor designed with a customizable science fiction computer interface. Inspired by the TRON Legacy movie effects, eDEX-UI presents a futuristic look and feel while still being able to function as a full-featured terminal emulator. eDEX-UI offers advanced monitoring support for real-time systems and networks. It also offers full touchscreen support; a directory viewer; and for a completely unique sci-fi experience, advanced customization options via themes, on-screen keyboard layouts, CSS injections, and even optional sound effects. ...
    Downloads: 1,769 This Week
    Last Update:
    See Project
  • 12
    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
  • 13
    blueimp Gallery

    blueimp Gallery

    Touch-enabled, responsive and customizable image adn video gallery

    blueimp Gallery is a touch-enabled, responsive image and video gallery library that doubles as a lightbox and carousel, designed to work smoothly on both desktop and mobile browsers. It provides a rich user experience with swipe gestures on touch devices, mouse and keyboard navigation on desktop, and a variety of transition effects between items. The gallery supports both images and videos out of the box, and can be extended to render custom content types, making it a flexible choice for media-heavy web apps and portfolios. It offers slideshow functionality, allowing images or videos to auto-advance with configurable timing, which is useful for presentations, product showcases, or background hero galleries. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    xZoom

    xZoom

    jQuery Zoom Gallery plugin

    jQuery Zoom Gallery plugin. All needed features are turned on by default, with adaptive and responsive support. Please, read the manual to see all options.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    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
  • 16
    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
  • 17
    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
  • 18
    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
  • 19
    Intro to CSS 3D transforms

    Intro to CSS 3D transforms

    Introduction to CSS 3D transforms

    Intro to CSS 3D transforms is a collection of examples and demonstrations that showcase the capabilities of CSS 3D transforms for creating interactive and visually rich user interfaces. The project provides practical implementations of 3D effects such as rotations, perspective transformations, and animated transitions, helping developers understand how to apply these techniques in real-world applications. It focuses on simplicity and clarity, presenting examples that can be easily adapted or extended. The repository is particularly useful for frontend developers looking to enhance user interfaces with dynamic visual effects. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    Code Surfer

    Code Surfer

    Rad code slides

    Code Surfer is a presentation tool for creating interactive code-focused slides in MDX Deck. It helps presenters explain code by adding highlighting, zooming, scrolling, focusing, and morphing between code states. The project is designed for technical talks, workshops, tutorials, and conference demos where static screenshots are not expressive enough. It lets authors wrap code blocks inside Code Surfer components and control how the audience moves through the code. This makes it easier to...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    remark

    remark

    A simple, in-browser, markdown-driven slideshow tool

    ...If your ideal slideshow creation workflow contains any of the following steps, just write what's on your mind, do some basic styling, easily collaborate with others, share with and show to everyone, then remark might be perfect for your next slideshow! Focus on the content, expressing yourself in next to plain text not worrying what flashy graphics and disturbing effects to put where. Store it wherever you like; on your computer, hosted from your Dropbox, hosted on Github Pages alongside the stuff you're presenting. Easily collaborate with others, keeping track of changes using your favourite SCM tool, like Git or Mercurial. A Markdown-formatted chunk of text is transformed into individual slides by JavaScript running in the browser.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    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
  • 23
    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
  • 24
    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
  • 25
    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
Auth0 Logo