Search Results for "effects"
Sort By:
Showing 31 open source projects for "effects"
View related business solutions-
Build Agents and Models on One PlatformGemini 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.
-
$300 Free Credits for Your Google Cloud ProjectsLaunch 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.
-
1
React Native Shine
Fast and efficient way to add interactive GPU-based shader effects
React Native Shine is a library for adding interactive, shader-driven visual effects to React Native interfaces. It uses GPU execution through native bindings, which makes it better suited for rich effects than approaches that depend heavily on the JavaScript thread. The project is designed for shiny, dynamic, creative UI interactions such as lighting, reflective surfaces, animated highlights, and touch-responsive visuals. -
2
Master CSS
A markup-driven CSS language with enhanced syntax
...Master CSS provides various compilation modes, allowing you to choose according to the characteristics and needs of different projects. Want to rapidly add filter, transform, and grid ? We've provided shorthand values like scale(2), blur(5) to make it easier for you to implement modern CSS effects. Never thought to use CSS selectors like :hover, :before, ::placeholder, and :where() directly in HTML? With 10 responsive breakpoints: @3xs~@4xl, our presets are suitable for almost all situations and devices. You can use not only arbitrary breakpoints. -
3
Embla Carousel
A lightweight carousel library with fluid motion
A lightweight, customizable carousel library for smooth, touch-friendly interactions. -
4
react-error-boundary
Simple reusable React error boundary component
...It supports both declarative fallbacks (elements) and a render-prop approach so you can tailor the UI to the error and provide retry buttons or diagnostics. Callbacks make it easy to log errors to your own telemetry, show toasts, or trigger side effects when boundaries trip or reset. A companion useErrorHandler hook lets you re-throw async errors from hooks or event handlers into the nearest boundary, unifying error flows across component styles. -
Our Free Plans just got better! | Auth0You 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.
-
5
PowerGlitch
Tiny JS library to glitch anything on the web
PowerGlitch is a standalone library with no external dependencies. It leverages CSS animations to glitch anything on the web, without using a canvas. It weights less than 2kb minified and gzipped. -
6
Apple Music-like Lyrics
A lyric player component library aims to look similar to iPad
Apple Music-like Lyrics is a frontend-oriented project that recreates the dynamic, synchronized lyrics display experience found in Apple Music, focusing on smooth animations, real-time highlighting, and visually engaging typography. It is designed to render time-synced lyrics in a way that emphasizes readability and immersion, often using techniques such as progressive highlighting, scrolling alignment, and transitions that follow the rhythm of the music. The project demonstrates how modern... -
7
Redux DevTools
DevTools for Redux with hot reloading, action replay, and UI
Developer Tools to power-up Redux development workflow or any other architecture which handles the state change. It can be used as a browser extension (for Chrome, Edge and Firefox), as a standalone app or as a React component integrated in the client app. If you want to have full control over where DevTools are displayed, or are developing a custom monitor, you will probably want to integrate them manually. It’s more steps, but you will have full control over monitors and their... -
8
Styled Components
Visual primitives for the component age
...This allows for easy porting of CSS from inline styles, while still supporting the more advanced styled-components capabilities like component selectors and media queries. styled-components is compatible with both React (for web) and React Native, meaning it's the perfect choice even for truly universal apps! If you're using tooling that has babel-plugin-macros set up, you can switch to the styled-components/macro import path instead to gain the effects of the babel plugin without further setup. -
9
React Native Reanimated
React Native's Animated library reimplemented
...It lets developers write animations in JavaScript while running performance-critical animation logic on the UI thread. This makes it useful for gestures, transitions, shared element effects, scroll interactions, and highly responsive interfaces. The repository now includes both React Native Reanimated and React Native Worklets, which support multi-threaded JavaScript execution. Reanimated is widely used when standard React Native animation tools are not flexible or fast enough for complex UI behavior. Its main value is giving developers detailed control over motion while keeping animations responsive even under heavy JavaScript workload. -
Stop vibe-debugging.AppSignal's MCP server hands Claude, Cursor, or Zed your real errors, traces, and the deploy that shipped them. AI writes the fix; you review the diff.
-
10
COBE
5KB WebGL globe lib
...The rendering is optimized to be efficient and responsive, even on lower-powered devices. It also provides configuration options for lighting, markers, and textures, enabling a wide range of visual effects. Overall, cobe offers an accessible way to integrate 3D globe visuals into modern web interfaces. -
11
DevExtreme Reactive
Business React components for Bootstrap and Material-UI
...Through immutability and pure React components, we apply ‘memoization’ and all built-in React optimizations to achieve outstanding performance. Fully control the Reactive component state and treat it as a pure view component. Effortlessly enable state persistence and time-traveling without side effects. To help you write less code, our components can also manage their state internally. DevExtreme Reactive Components are built of plugins. Add and deploy only those features you require or extend the built-in functionality with your own (or third-party) custom plugins. TypeScript is often the choice for enterprise-scale web applications. ... -
12
react-native-iap
react-native native module for In App Purchase.
...You should not call initConnection and endConnection every time you need to interact with the library. This is considered an anti-pattern as it consumes more time, and resources and could lead to undesired side effects such as many callbacks. -
13
next-view-transitions
Use CSS View Transitions API in Next.js App Router
...It enables smooth, animated transitions between pages without requiring complex animation logic or external libraries. By wrapping application layouts with a dedicated component, developers can automatically apply transition effects when navigating between routes. The library also provides a custom Link component and hooks that integrate seamlessly with Next.js routing APIs. It is designed for simplicity, targeting common use cases while leaving room for more advanced features to be implemented in the future. The project highlights how modern browser capabilities can be leveraged to create polished user experiences with minimal effort. ... -
14
qwik
The HTML-first framework. Instant apps of any size with
...Qwik was built around lazy loading as its core primitive and took it to a whole new level with zero effort for the developer. Event listeners, rendering function, side-effects, creation blocks, it all gets lazy-loaded on an as-needed basis. -
15
eslint-plugin-sonarjs
SonarJS rules for ESLint
SonarJS rules for ESLint to detect bugs and suspicious patterns in your code. Rules in this category aim to find places in code that have a high chance of being bugs, i.e. don't work as intended. All branches in a conditional structure should not have exactly the same implementation. Collection elements should not be replaced unconditionally. Empty collections should not be accessed or iterated. Function calls should not pass extra arguments. Related "if/else if" statements should not have... -
16
TypeGraphQL
Create GraphQL schema and resolvers with TypeScript
...Dependency injection support and decorators abstraction provide great separation of business logic from the underlying transport layer. That gives you really easy testability, so you can just provide mocks of dependencies to prevent side effects and unit test your resolvers like simple services whose methods only take some parameters. -
17
mobx-state-tree
Full-featured reactive state management without the boilerplate
Technically speaking, MobX-State-Tree (also known as MST) is a state container system built on MobX, a functional reactive state library. This may not mean much to you, and that’s okay. I’ll explain it like this: MobX is a state management "engine", and MobX-State-Tree gives it structure and common tools you need for your app. MST is valuable in a large team but also useful in smaller applications when you expect your code to scale rapidly. And if we compare it to Redux, MST offers better... -
18
RenJS
RenJS Typescript Version
RenJS V2 is a TypeScript-based visual novel engine built on Phaser, designed to help creators develop interactive storytelling experiences. It offers a script-like syntax for defining scenes, dialogues, and character interactions. -
19
Redux Thunk
Thunk middleware for Redux
...If you want to delay the dispatch of an action, or to dispatch only after meeting a certain condition, then the thunk can be used. Thunks are ideal middleware for a number of cases, in particular for basic Redux side effects logic, complex synchronous logic that must access the store, and simple async logic like AJAX requests. -
20
ARWES
Futuristic Sci-Fi UI Web Framework
...Arwes UI applications are rich in visuals, animation, and sound effects, which can be structured as a tree of nodes. A node represents and interactive and stateful UI component with design, animations, and/or sound support. The nodes in a tree are interconnected with each other by inheriting data and communicating dynamically. -
21
KEEN-SLIDER
The HTML touch slider carousel with the most native feeling
A lightweight, customizable slider library for web projects, designed for smooth animations. -
22
Scene.js
Scene.js is JavaScript & CSS timeline-based animation library
...Even though the time between the start and end of each element is different, it can be repeated. Scene.js supports a variety of value types, such as CSS, and can be handled in JavaScript. Scene.js provides effect presets that can give animation effects or make animation easier. You can view the code and animation of clapperboard, the main logo of scene.js -
23
marble
Functional reactive Node.js framework for building server-side apps
...The main building block of the whole framework is an Effect, which is just a function that returns a stream of events. With the big popularity of RxJS Observable, you can create a referential transparent program specification made up of functions that may produce side effects like network, logging, database access, etc. Using its monadic nature we can map I/O operations over effects and flat them to bring in other sequences of operations. RxJS is used as a hammer for expressing asynchronous flow with monadic manner. Marble.js doesn't operate only over basic HTTP protocol but can be used also for general MDA (Message-Driven Architecture) solutions, including WebSocket, microservices or CQRS, where the multi-event nature fits best. -
24
TanStack Bling
Framework agnostic transpilation utilities for client/server RPCs
TanStack Bling is a compact, opinionated helper library providing syntactic sugar and utility helpers to enhance productivity and readability in TanStack-based projects, without enforcing architecture. Framework agnostic transpilation utilities for client/server RPCs, env isolation, islands, module splitting, and more. Simplified syntax for repetitive patterns like caching or state updates. Integration with TanStack Query and Router for DRY code. Designed for readability and developer... -
25
JavaScript and React Patterns
Repo related to the FrontendMasters course on JavaScript and React
JavaScript and React Patterns showcases idiomatic patterns and anti-patterns for building React applications, focusing on readability, performance, and maintainability. It translates fuzzy best practices into concrete examples—how to compose components cleanly, manage state thoughtfully, and avoid foot-guns with effects and memoization. The guidance leans on modern React paradigms like hooks, context, custom hooks, and component composition to replace older, heavier patterns. Performance considerations appear throughout, such as when to memoize, how to minimize re-renders, and where to split components. Each example is concise and focused, making it easy to apply to real codebases without wading through long essays. ...
