Showing 25 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
  • $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
  • 1
    CSS Inspiration

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

    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.
    Downloads: 2 This Week
    Last Update:
    See Project
  • 3
    Pokémon Cards CSS

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

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

    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.
    Downloads: 58 This Week
    Last Update:
    See Project
  • 6
    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: 2 This Week
    Last Update:
    See Project
  • 7
    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
  • 8
    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
  • 9
    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
  • 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
  • 10
    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
  • 11
    Music + Video + Animation Maker & App

    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. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 12
    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
  • 13
    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
  • 14
    css3-

    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. ...
    Downloads: 5 This Week
    Last Update:
    See Project
  • 15
    xeogl

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

    CSSgram

    CSS library for Instagram filters

    Simply put, CSSgram is a library for editing your images with Instagram-like filters directly using CSS. What we're doing is adding filters to the images, as well as applying color and/or gradient overlays via various blending techniques to mimic filter effects. This means less manual image processing and more fun filter effects on the web! We are using pseudo-elements (i.e. :before and :after) to create the filter effects, so you must apply these filters on a containing element (i.e. not a content-block like <img>. The recommendation is to wrap your images in a <figure> tag. If you use custom naming in your CSS architecture, you can add the .scss files for the provided styles within your project and then @extend the filter effects within your style definitions. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    ramjet

    ramjet

    Morph DOM elements from one state to another with smooth animations

    ...The library works by cloning elements, aligning the target clone over the source, and animating both elements until the transition appears continuous. It is useful for playful UI effects, animated state changes, visual transitions, and experimental web interactions. Ramjet can be applied to normal DOM elements and their children, which makes it more flexible than simple CSS transitions alone. Its main value is giving web developers an easy way to create cartoon-like transformation effects between separate elements on a page.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    HTML GL

    HTML GL

    Get as many FPS as you need and amazing effects by rendering HTML/CSS

    60 FPS and amazing effects by rendering HTML/CSS in WebGL, framework agnostic. HTML GL solves "the slow DOM problem" by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have. Using HTML GL you still work with HTML/CSS as you are common to, but DOM elements are just facades to their WebGL representations. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    Textillate.js

    Textillate.js

    A jquery plugin for CSS3 text animations

    Textillate.js combines some awesome libraries to provide an easy-to-use plugin for applying CSS3 animations to any text. Simply include textillate.js and it's dependencies in your project to start creating unique effects. Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    magic

    magic

    CSS3 Animations with special effects

    Include the file magic.css or include the minified version magic.min.css. If you want to customize the CSS files, now you will have the chance. Load the animation after certain time. Load the animation after certain time but with an infinite loop. You can change the time of the animation by setting the class magictime. Assign the timing to a specific animation. You can include only certain animations. Comment or uncomment your desired file and run from terminal the provided commands.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    15Filter

    15Filter

    Cool image effects easily

    15 Filter is an image manipulation application that lets you apply different filters to an image (and combine them) to create awesome images without needing any graphic skills. The app was developed as a part of my bachelor's thesis in computer science. It's built with node-webkit and completely written in HTML5.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 22
    K.L.'s Tanx
    This is a 3D puzzle game with fantastic design. The prototype idea is from Family Computer game 'Tank', so Tanx means Tank's extended version.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    Presto

    Presto

    Turn any HTML document into a slideshow

    Presto is a JavaScript file which, when added to an ordinary HTML document, turns it into a full-screen slideshow, complete with transition effects and a user interface to jump between slides. A companion script can turn a Markdown text file into a Presto-enabled slideshow, allowing you to create professional-looking slideshows in just a few lines.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    This script simply goes in a server web folder with images and works. 1) Browser overview with automatically generated thumbnails 2) Slideshow mode - photos resized to fit the window by default. With several cross-fading effects + instant zip archives!
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    Pictaculous is a minimalist web picture gallery presentation tool, with a focus on fancy visual effects. It turns a picture file tree into a multi-level slide show navigator with no effort.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • Next
Auth0 Logo