Search Results for "react" - Page 2
Sort By:
Showing 47 open source projects for "react"
View related business solutions-
Vibes don’t ship, Retool doesVibe coding tools create cool demos, but Retool helps you build software your company can actually use. Generate internal apps that connect directly to your data—deployed in your cloud with enterprise security from day one. Build dashboards, admin panels, and workflows with granular permissions already in place. Stop prototyping and ship on a platform that actually passes security review.
-
Outgrown Windows Task Scheduler?Windows Task Scheduler wasn't built for complex, cross-platform automation. Get a free diagnostic that shows exactly where things are failing and provides remediation recommendations. Interactive HTML report delivered in minutes.
-
1
React Transition Group
Perform animations when a React component enters or leaves the DOM
Exposes simple components useful for defining entering and exiting transitions. React Transition Group is not an animation library like React-Motion, it does not animate styles by itself. Instead it exposes transition stages, manages classes and group elements and manipulates the DOM in useful ways, making the implementation of actual visual transitions much easier. Since react-transition-group is fairly small, the overhead of including the library in your application is negligible. ... -
2
GoCity
Code City metaphor for visualizing Go source code in 3D
GoCity is an implementation of the Code City metaphor for visualizing Go source code. The UI is built with React and uses babylon.js to plot 3D structures. The front-end source code is available in the front-end branch. The Number of Lines of Source Code (LOC) represents the build color (high values makes the building dark) The Number of Variables (NOV) correlates to the building's base size. The Number of methods (NOM) correlates to the building height. -
3
react-three/flex
Flexbox for react-three-fiber
Placing content in THREE.js is hard. @react-three/flex brings the webs flexbox spec to react-three-fiber. It is based on Yoga, Facebook's open-source layout engine for react-native. Simply create layouts by wrapping your 3D objects in different <Box /> instances inside a <Flex /> container. This way they will be automatically placed in the 3D space following the flexbox specification just like in the DOM. -
4
TroisJS
ThreeJS + VueJS 3 + ViteJS
I wanted to code something similar to react-three-fiber but for VueJS. I started from scratch, I will rewrite some of my WebGL demos to see if this little toy can do the job. The most popular WebGL library, with a good support on both desktop and mobile. With TroisJS you can easily create 3D content for your website using VueJS components. Really fast development time with ViteJS/HMR ! -
Atera all-in-one platform IT management software with AI agentsAtera’s AI agents don’t just assist, they act. From detection to resolution, they handle incidents and requests instantly, taking your IT management from automated to autonomous.
-
5
LottieXamarin
Render After Effects animations natively on Android, iOS, MacOS
...Bodymovin is an After Effects plugin created by Hernan Torrisi that exports After Effects files as json and includes a javascript web player. We've built on top of his great work to extend its usage to Android, iOS, and React Native. You can build the sample app yourself or download it from the Play Store. The sample app includes some built-in animations but also allows you to load an animation from internal storage or from a URL. -
6
Illu Pix
Pix is an online pixel art community
Pix is an online pixel art community application built with React Native for iOS devices. It provides a 16x16 canvas for users to create and share pixel art, fostering creativity and collaboration among artists. The app emphasizes simplicity and ease of use, making pixel art accessible to everyone. -
7
react-blessed
A react renderer for blessed
...As with React's DOM renderer, react-blessed lets you handle the original blessed nodes, if you ever need them, through refs. For convenience, react-blessed lets you handle classes looking like what react-native proposes. -
8
LTMorphingLabel
Animated morphing effects for UILabel written in Swift
A morphing UILabel subclass written in Swift. The .Scale effect mimicked Apple's QuickType animation of iOS 8 of WWDC 2014. New morphing effects are available as Swift extensions. XCFramework is a new option introduced in Xcode 11. You can manually download the pre-compiled LTMorphingLabel.xcframework.zip from the Releases page. Then drag and drop it into your project. Change the class of a label from UILabel to LTMorphingLabel. Programmatically set a new String to its text property. To use... -
9
lax.js
Library to create smooth & beautiful animations when you scroll
...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. -
Most modern and flexible cloud platform for MLM companiesFor direct selling (MLM) companies, from startup to well established enterprises with millions of distributors across the world
-
10
React Color
Color pickers from Sketch, Photoshop, Chrome, Github, and Twitter
13 different pickers, for Sketch, Photoshop, Chrome and many more. Make your own, use the building block components to make your own. Color controls what color is active on the color picker. You can use this to initialize the color picker with a particular color, or to keep it in sync with the state of a parent component. Pass a function to call every time the color is changed. Use this to store the color in the state of a parent component or to make other transformations. Pass a function to... -
11
Vue Meta
Manage HTML metadata in Vue.js components with SSR support
Vue Meta is a Vue.js plugin that allows you to manage your app's metadata. It is inspired by and works similar as react-helmet for react. However, instead of setting your data as props passed to a proprietary component, you simply export it as part of your component's data using the meta info property. These properties, when set on a deeply nested component, will cleverly overwrite their parent components' metaInfo, thereby enabling custom info for each top-level view as well as coupling metadata directly to deeply nested subcomponents for more maintainable code. -
12
Pixel Art to CSS
Pixel art animation and drawing web app powered by React
Pixel Art to CSS is an online editor that helps you with that task. Combining the power of both box-shadow and keyframes CSS properties, you will get CSS code ready to use on your site. Furthermore, you can download your work in different formats such as static images, animated GIFs or sprite-like images. Pixel Art to CSS aims to be an intuitive tool by its simplicity, however, it is equipped with a wide range of features: customize your color palette, go back and forth in time, modify... -
13
React Move
Beautiful, data-driven animations for React
...Just upgrade and done. The API for React Move 5.x and 6.x is exactly the same. The 5.x version just includes react-lifecycles-compat to make the library work with earlier versions of React. This adds a little to the bundle so use 6.x if you're using React 16.3+. Before looking at the components it might be good to look at starting state. You are going to be asked to define starting states for each item in your NodeGroup and Animate components. -
14
react-native-scrollable-tab-view
Tabbed navigation that you can swipe between
One of the best navigation patterns on Android. This is a very simple JavaScript-only implementation of it for React Native. Animations are very important to create a great user experience. Stationary objects must overcome inertia as they start moving. Objects in motion have momentum and rarely come to a stop immediately. Animations allow you to convey physically believable motion in your interface. The Animated API is designed to concisely express a wide variety of interesting animation and interaction patterns in a very performant way. ... -
15
React Flight
The best way to build animation compositions for React
React Flight is a JavaScript library for UIs built with React that allows you to compose animations and transitions via “flights” where you design a start component, an end component, and the tool handles animating between them. It’s pitched as the “best way to build animation compositions for React” and is inspired by tools such as Principle in the mobile design world. -
16
React Photo Gallery
React Photo Gallery
React Photo Gallery is a responsive React component for displaying photos in an adaptive grid, optimized for dynamic layouts. -
17
Ant Motion
Animate specification and components of Ant Design
Ant Motion is a motion design specification from Ant Design, and also provide a complete solution with lots of out-of-box animations for your React applications. 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. -
18
react-imgpro
Image Processing Component for React
react-imgpro is an image-processing component for React. This component process an image with filters supplied as props and returns a base64 image. I was working on a project last month which involved a lot of image processing and I'd to rely on third party libraries. But before using them directly, I'd to learn different concepts in gl (shaders) and then try to implement them in React. -
19
React-Motion
A spring that solves your counter animation problems
Animate a counter from 0 to 10. Works with React-Native v0.18+. A spring that solves your animation problems. You can develop simple transitions, chat heads, draggable balls, todoMVC list transition, photo gallery, spring parameters chooser, water ripples, and draggable lists. For 95% of use-cases of animating components, we don't have to resort to using hard-coded easing curves and duration. -
20
Skinner
Special Effects with Skinned Mesh in Unity
...Instead of duplicating mesh data on the CPU, it employs a replacement shader to stream vertex positions into GPU-friendly buffers, conserving memory and CPU cycles. With those GPU-side buffers, Skinner can drive effects like trails, particles, or geometry that react to the underlying skinned animation in sophisticated ways. The approach enables complex, performant visuals that stay in sync with character motion. It is especially useful for stylized effects where meshes emit data continuously as they deform. The repository exemplifies Keijiro’s focus on GPU-first pipelines and clear, self-contained Unity samples. -
21
reactPhysics3dDS
A 3D physics library for the Nintendo DS
This is a build of the react 3D physics engine for the Nintendo DS. -
22
The first 3d search engine for text. Javascript only. Work in all browsers. Ajax downloads new words (and links between them) as you move mouse to control AI to learn what you're looking for (in context) and put it on screen. Includes Wikipedia data
