Search Results for "effects"
Sort By:
Showing 33 open source projects for "effects"
View related business solutions-
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
1
90s Cursor Effects
Old-school cursor effects for your browser built with modern JS
"Knowing the codes" used to be all the rage, I want to bring a few back. A repo of the old effects that inspired creativity and the desire to learn at least a little code around the world. Modernized so they're a little more efficient, and just as annoying (and twice as fun) as they were before. -
2
jQuery UI
The jQuery user interface library
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. -
3
React Bits Library
Open source collection of animated, interactive React components
...React-bits puts emphasis on creativity, performance, and minimal dependencies, so animations and effects are lightweight but still fluid and expressive, helping sites stand out with compelling visual interactions. -
4
OrgChart
It's a simple and direct organization chart plugin
It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart. -
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
5
paroller.js
Parallax scrolling jQuery plugin
paroller.js is a lightweight jQuery plugin that enables parallax scrolling effects on selected elements. To enable the parallax scrolling effect you can use data-patroller-* attributes on selected elements or set values via jQuery. 'factor' sets the speed and distance of the element's parallax effect on scroll. -
6
Ultimate React Course
https://github.com/jonasschmedtmann/ultimate-react-course
...It provides starter files, final project code, and FAQs that support a complete React learning path from fundamentals to more advanced application patterns. The course materials cover modern React development with components, props, state, effects, forms, routing, data fetching, state management, and larger real-world projects. Learners can begin each section from starter code, then compare their work against the final implementation when debugging or reviewing concepts. The repository is primarily an educational companion rather than a reusable app framework. It is useful for students who want a structured React practice environment with many examples built exactly as shown in the course. -
7
iCSS
More than CSS
...Rather than being a traditional library, the project functions as an educational and inspirational knowledge base that explores unusual, powerful, or overlooked CSS features. The content covers topics such as layout tricks, animation patterns, visual effects, accessibility considerations, and emerging CSS standards. Materials are continuously updated and organized by category, helping frontend developers discover new approaches to solving UI and visual design challenges. The repository aims to broaden developers’ thinking about what can be achieved purely with CSS and native browser capabilities. ... -
8
Map of GitHub
Inspirational Mapping
...The project processes GitHub account metadata and GPS or location information (when available) to plot users’ locations and draw connections between communities, resulting in an exploratory visualization where density and network effects become instantly visible. Users can zoom in to explore hotspots like major metropolitan areas or zoom out to see global patterns of activity, making it both a data analytics tool and a piece of data art. The map highlights where developers live, where projects originate, and how open-source participation varies around the world, offering insights into the geography of technology culture and innovation. -
9
LemonadeJS
LemonadeJS is a 7KB reactive JavaScript micro-library
...Its core reactivity system tracks changes to component state and efficiently updates only the affected parts of the DOM, which improves performance for both small widgets and larger applications. The library also offers powerful template syntax and lifecycle hooks so you can manage state, effects, loops, and events in a clear and expressive way while keeping your code close to native JavaScript. -
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.
-
10
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... -
11
ScrollMagic
The javascript library for magical scroll interactions
...Animate based on scroll position, pin an element starting at a specific scroll position, toggle CSS classes of elements on and off based on scroll position, effortlessly add parallax effects to your website, create an infinitely scrolling page, add callbacks at specific scroll positions or while scrolling past a specific section. Either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). Pin an element starting at a specific scroll position, either indefinitely or for a limited amount of scroll progress (sticky elements). ... -
12
D3.js
A JavaScript library for visualizing data using web standards
D3.js (or D3 for Data-Driven Documents) is a JavaScript library that allows you to produce dynamic, interactive data visualizations in web browsers. With D3 you can bring data to life using SVG, Canvas and HTML. Powerful visualization and interaction techniques plus a data-driven approach to DOM manipulation means D3.js gives you greater design freedom and control over the final result. -
13
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. -
14
JavaScript & Node.js Testing
Comprehensive and exhaustive JavaScript & Node.js testing
...It distinguishes between different kinds of tests—unit, integration, end-to-end—and shows when each is appropriate given time and risk constraints. The guide focuses on removing flakiness by isolating side effects, controlling randomness, and stabilizing async code paths. It also demonstrates test design techniques like arranging test data, using expressive assertions, and structuring test suites for readability and discoverability. Tooling agnosticism is a theme: patterns are illustrated with popular tools but written to survive framework churn. ... -
15
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. ... -
16
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. ... -
17
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. -
18
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. -
19
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. ... -
20
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. -
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
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. ... -
23
Basscss
Low-level CSS Toolkit, the original Functional/Utility/Atomic CSS
Using clear, humanized naming conventions, Basscss is quick to internalize and easy to reason about while speeding up development time with more scalable, more readable code. Things behave exactly as expected with immutable utilities and styles that do one thing well to help prevent common pitfalls with CSS. Reusable, interoperable styles work like building blocks to lay the foundation for any stylesheet and can be mixed and matched in any number of combinations. Basscss strikes a balance... -
24
Ducks
A starter boilerplate for a universal webapp
Ducks Modular Redux is a proposal for organizing Redux logic into self-contained feature modules. Each duck keeps a reducer, action types, action creators, and optional side effects in one file instead of scattering them across folders. The convention requires a default reducer export and named action-creator exports. Action types use a namespaced format that includes the application or package, reducer name, and action name. This structure makes features easier to move, reuse, publish, and reason about independently. ... -
25
redux-rx
RxJS utilities for Redux
The redux-rx project is a utility library that integrates RxJS observables into Redux workflows, enabling reactive programming patterns for state management. It allows developers to represent streams of actions, state changes, and side effects as observable sequences, providing a powerful alternative to traditional middleware approaches. The library includes tools for creating smart components that derive their behavior from observable data streams instead of imperative state updates. It also introduces an observable-based middleware that complies with Flux Standard Actions, ensuring compatibility with Redux conventions. ...
