Search Results for "effects"
Sort By:
Showing 41 open source projects for "effects"
View related business solutions-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
Build Data Resilience - Take the Assessment TodayIs your recovery strategy as strong as you think? Take this quick self-assessment to check your recovery readiness and gain tailored insights. In only 2 minutes, you'll learn where you fall on the recovery readiness scale.
-
1
Mineradio
An immersive music player centered around cinematic footage
Mineradio is an immersive Windows desktop music player built around cinematic visuals, particle effects, lyrics, and personalized listening spaces. It combines weather radio, search-based playback, daily recommendations, private radio, playlists, podcasts, and listening profile entry points in one interface. The player can use Open-Meteo weather data to generate mood-aware playback queues based on location, city, and weather conditions. -
2
bfxr
Flash + AIR sound effects generator. Based on Sfxr.
The bfxr project by increpare is a sound-effects generator tool originally built using Flash + AIR, based on the earlier Sfxr project. Its purpose is to enable users, especially game developers and sound designers, to quickly generate retro, 8-bit/“chiptune” style sound effects (“bleeps”, “booms”, “zaps”, etc.) without deep knowledge of audio signal processing. It offers an interactive GUI through which you can tweak many parameters (oscillators, envelopes, filters, etc.) to sculpt custom sound effects; you can preview in real time, export, and iterate. ... -
3
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. -
4
Lottie-Web
Render After Effects animations natively
Lottie-Web renders vector animations exported from Adobe After Effects as lightweight JSON, playing them in the browser via SVG or Canvas. Animations remain crisp at any resolution, load quickly compared to videos or GIFs, and can be controlled programmatically for interactivity. The runtime supports playback options like loop, autoplay, segment control, and event hooks, making it easy to sync motion with UI state. -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
5
Pokémon Cards CSS
Collection of advanced CSS styles to create realistic-looking effects
pokemon-cards-css is a CSS-driven styling framework that lets web developers render Pokémon card visuals purely in HTML and CSS. It defines layouts, frames, typography, and image placeholders to mimic the look of real Pokémon trading cards, enabling users to create “virtual cards” with custom content. Because the design is built into CSS, cards respond to responsive constraints and adjust nicely across devices. The project supports common card types (basic, stage, trainer, etc.), and... -
6
OpenShorts
Free & open source AI video platform
...It combines multiple tools into a single pipeline, including clip generation, AI-driven video creation, and YouTube optimization features. The system can transform long videos or uploaded files into short clips by detecting engaging moments, reframing content, and adding subtitles and visual effects. It also supports generating marketing videos using AI actors, voiceovers, and scripted narratives without requiring cameras or production resources. The platform integrates publishing capabilities, allowing users to distribute content directly to TikTok, Instagram, and YouTube. Its architecture uses modern technologies such as FastAPI, FFmpeg, and AI models for transcription, analysis, and rendering. ... -
7
Editly
Slick, declarative command line video editing & API
Editly is a tool and framework for declarative NLE (non-linear video editing) using Node.js and FFmpeg. Editly allows you to easily and programmatically create a video from a set of clips, images, audio and titles, with smooth transitions and music overlaid. Editly has a simple CLI for quickly assembling a video from a set of clips or images, or you can use its more flexible JavaScript API. Inspired by ffmpeg-concat, Editly is much faster and doesn't require much storage because it uses... -
8
Chart.xkcd
xkcd styled chart lib
Chart.xkcd is a chart library plots “sketchy”, “cartoony” or “hand-drawn” styled charts. It’s easy to get started with chart.xkcd. All that’s required is the script included in your page along with a single <svg> node to render the chart. You can install chart.xkcd via script tag in HTML or via npm. Line chart displays series of data points in the form of lines. It can be used to show trend data, or comparison of different data sets. XY chart is used to plot points by specifying their XY... -
9
Audio Satanifier 666
Easily apply cool gnarly voice filters to your audio files
...Audio Satanifier 666 is a fun easy-to-use browser-based tool forged in the pits of hell, for voice actors, musicians, sound designers, for memes, for creative projects or anyone else who want to twist their sound into something absolutely diabolical! Layperson friendly - you'll be able to apply cool effects to your audio file even if you know nothing about audio engineering. Theres also a Mini version that has a voice deepening that doesn't slow the speed of the audio. Its more focused on the "satan voice" filter, while the larger default version has 16 different filters you can mix and match. (Source code is included within the html file itself.) -
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.
-
10
armorpaint
3D PBR Texture Painting Software
...This results in a smooth 4K painting experience on medium-power integrated hardware. Up to 16K texture painting is seamless using a high-end graphics card. Ray-traced baking, painting effects and viewport rendering feature running on Direct3D12 and Vulkan are in progress. ArmorPaint is powered by an in-house 3D rendering engine to achieve the best painting experience. -
11
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. -
12
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. -
13
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. -
14
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. ... -
15
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. -
16
ScrollReveal
Animate elements as they scroll into view
...Developers initialize a shared ScrollReveal instance and use its reveal method to target elements with CSS selectors. The library is designed to make scroll-triggered entrance effects easy to add without building custom visibility logic. It can be loaded directly in a browser or installed through npm. Both CommonJS and ES module import styles are supported for integration with modern development workflows. The project focuses on lightweight, reusable reveal behavior that can be applied across many page elements and layouts. -
17
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. -
18
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. ... -
19
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. -
20
Music + Video + Animation Maker & App
Why Music + Video + Animation Maker & App is Fun?
Javaimagephp All-in-one video/film editor or maker makes sense as simple to use app for video/film or movie editing and animations/slideshows. It gets most of your imagination of an All-in-one video/film Animation editor / maker App. Video editing is made intuitive and simple. Lots of Special Effects ( > 55) ! For example this one http://ogena.ridoua.nu Formats supported are mp4, avi, flv, mov, flv and more. Description given image animation which seeks audio given a description. Visualization (Slideshow / Animation) of Streams (Radio: asx, pls, m3u etc.) and News Feeds (RSS, XML) This Program is protected by 1st abstract & reg. ... -
21
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... -
22
OpenPerform
Brings real-time motion capture to artists and performers
...Our open source javascript performance framework enables artists to take direct control of the medium, to quickly collaborate with others, and to easily craft new experiences for all web-based platforms (including AR and VR). Check out the various styles and effects OpenPerform has to offer with our BVH animation demo! -
23
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. -
24
css3-
CSS3 implements various 3D && 3D planetary animation effects
css3- is an extensive collection of CSS3 demonstrations and visual experiments that highlight modern styling capabilities through practical, hands-on examples. The repository focuses on helping front-end developers understand how to implement sophisticated UI effects using native browser features rather than heavy external libraries. It covers a wide range of topics including animations, layout tricks, transitions, and creative visual compositions. The project is structured as a reference-style showcase where each example isolates a specific technique, making it easy to study and adapt into real projects. ... -
25
xeogl
A WebGL-based 3D engine for technical visualization
...Navigate them with the camera and script them with Javascript, to build compelling 3D presentations. Load multiple models. Isolate/move/emphasize objects. Camera navigation controls. Camera animations (flyto, follow, path etc). Emphasis effects (wireframe, ghost, highlight, outline). Annotations. Cross-section views. Scene object hierarchies. Transform hierarchies. Bounding volumes. 3D picking, raycasting. Screen capture. You can dynamically edit most things in your scene at runtime. Animate your scenes by updating the properties of their components. Load 3D models into your scene from glTF.
