Search Results for "react"
Sort By:
Showing 40 open source projects for "react"
View related business solutions-
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.
-
Free and Open Source HR SoftwareGive your HR team the tools they need to streamline administrative tasks, support employees, and make informed decisions with the OrangeHRM free and open source HR software.
-
1
react-use
Component for React
Tracks device battery state. Plays audio and exposes its controls. Tracks geo location state of user's device. Triggers callback when user clicks outside target area. Tracks mouse hover state of some element. Display an element or video full-screen. Tracks location hash value. Tracks whether user is being inactive. Tracks an HTML element's intersection. Synthesizes speech from a text string. Tracks page navigation bar location state. Re-renders component, while tweening a number from 0 to 1.... -
2
react-rewards
A package containing a few micro-interactions you can use
A package containing a few micro-interactions you can use to reward your users for little things and make them smile! React-rewards lets you add micro-interactions to your app, and rewards users with the rain of confetti, emoji or balloons in seconds. Firing confetti all over the page may seem like a questionable idea, but keep in mind that rewarding users for their actions is not. If a huge cloud of smiling emoji doesn't fit your application well, try changing the physics config to make it more subtle. ... -
3
React Native Vector Icons
Customizable Icons for React Native with full styling
Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project. If you want to use any of the bundled icons, you need to add the icon fonts to your Xcode project. For each platform (iOS/Android/Windows) you plan to use, follow one of the options for the corresponding platform. Upgrading this package often requires the font files linked to your projects to be updated as well. If the automatic linking works for you, running this again should update the... -
4
react-native-filament
A real-time physically based 3D rendering engine for React Native
react-native-filament is a React Native wrapper for Google's Filament real-time physically-based rendering engine, enabling mobile developers to render high-quality 3D scenes within React Native applications. This library acts as a bridge between JavaScript and the powerful Filament engine through native modules, giving React Native apps access to modern rendering capabilities like PBR materials, image-based lighting, and dynamic shadows. -
Desktop and Mobile Device Management SoftwareDesktop Central is a unified endpoint management (UEM) solution that helps in managing servers, laptops, desktops, smartphones, and tablets from a central location.
-
5
React Three Fiber
A React renderer for Three.js
...It outperforms three.js at scale due to React's scheduling abilities.Y ou need to be versed in both React and three.js before rushing into this. If you are unsure about React consult the official React docs, especially the section about hooks. -
6
React Native UI Library
UI Components Library for React Native
RNUI is a UI toolset & components library for React Native. Basic components like buttons, avatars, and cards and more sophisticated ones like hints, ColorPicker and drawer. -
7
Pointless
An endless drawing canvas desktop app made with Tauri (Rust) and React
An endless drawing canvas desktop app made with Tauri (Rust) and React. Pointless is an endless drawing canvas that provides useful features when you're in need of a simple whiteboard/note app. It is build using Tauri (Rust) and React with a pure SVG canvas and local files are saved with brotli-unicode compression to ensure small file sizes. -
8
3D Website with Three.js
The most impressive websites in the world use 3D graphics
Project_3D_developer_portfolio is a code-repository and tutorial project that teaches how to build a developer portfolio website enhanced with 3D graphics and animations, using technologies like React, Three.js, React Three Fiber, Tailwind CSS, Vite and more. The idea is to help developers create “the most impressive websites” by blending immersive 3D scenes and interactive UI elements with modern web frameworks. The README walks through the tech stack, features and how to get started, including cloning the repo, installing dependencies and running a dev server. ... -
9
Lottie
Render After Effects animations natively on Mobile, Web & React Native
Lottie is a wonderful library for Android, iOS, Web, and Windows that works by parsing Adobe After Effects animations that have been exported as json with Bodymovin, and then rendering these natively on mobile and on the web! Now you can have beautiful animations without engineers having to recreate everything by hand. Building animations by hand is time consuming, and other animation alternatives like Gifs and Png sequences don’t offer the same flexibility and varied features that... -
Easily build robust connections between Salesforce and any platformLike having Postman inside Salesforce! Declarative Webhooks allows users to quickly and easily configure bi-directional integrations between Salesforce and external systems using a point-and-click interface. No coding is required, making it a fast and efficient and as a native solution, Declarative Webhooks seamlessly integrates with Salesforce platform features such as Flow, Process Builder, and Apex. You can also leverage the AI Integration Agent feature to automatically build your integration templates by providing it with links to API documentation.
-
10
nivo
A rich set of dataviz components
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts. In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use. Given an array of data series having an id and a nested array of points (with x, y properties), it will compute the line for each data series. ... -
11
Spectacle
A ReactJS based Presentation Library
Spectacle is an open source presentation library based on React.js. It lets you create sleek presentations using JSX syntax, giving you the ability to live demo your code. Spectacle’s presentations are lively and interactive, with clickable elements, themes, custom backgrounds, animations, and many other fun and unique elements you can add to make your presentations pop. With Spectacle you can also live demo your code in real time without having to leave the presentation deck. Code blocks... -
12
svelte-jsoneditor
Web-based tool to view, edit, format, repair, query, & transform JSON
A web-based tool to view, edit, format, transform, and validate JSON. The library is written with Svelte, but can be used in plain JavaScript too, and in any framework (SolidJS, React, Vue, Angular, etc). View and edit JSON, has a low-level text editor and high-level tree view and table view. Format (beautify) and compact JSON. Sort, query, filter, and transform JSON. JSON schema validation and pluggable custom validation. Color highlighting, undo/redo, search and replace. Utilities like a color picker and timestamp tag. ... -
13
react-native-animatable
Set of animations and declarative transitions for React Native
...The following example will increase the font size by 5 for every tap, all animated, all declarative! If you don't supply a duration property, a spring animation will be used. Transitions require StyleSheet.flatten available in React Native 0.15 or later. If you are running on anything lower, please polyfill as described under imperative usage. -
14
Kerach
A Makeshift Text Shaderer
A Makeshift Text Shaderer GitHub repository: https://github.com/Northstrix/kerach Check it out at: https://kerach.netlify.app/ -
15
Nof Go
A petite color palette generator
A petite color palette generator whose entire code fits within a single html file. Link: https://northstrix.github.io/nof-go/ GitHub repository: https://github.com/Northstrix/nof-go -
16
Kerach Go
A petite text shaderer whose entire code fits into a single html file
A petite text shaderer whose entire code fits into a single html file. GitHub repository: https://github.com/Northstrix/kerach-go Link: https://northstrix.github.io/kerach-go/ The app is fully localized into: ✅ English ✅ Hebrew ✅ Italian ✅ Latin American Spanish ✅ Brazilian Portuguese ✅ Japanese ✅ Cantonese -
17
Nof
A modern color palette generator
A modern color palette generator that lets you effortlessly create a complete color palette from just one base color. Made using Firebase Studio, Next.js, and Perplexity. GitHub repository: https://github.com/Northstrix/nof Live app: https://nofpg.netlify.app/ -
18
Merucav
A modern digital design tool.
A modern digital design tool made using Firebase Studio, Next.js, and Perplexity. Live app: https://merucav.netlify.app/ GitHub repository: https://github.com/Northstrix/merucav This app is built on top of https://nofpg.netlify.app and http://noegarsoux.github.io/GradientGen/ The app is fully localized into: ✅ English ✅ Hebrew ✅ Italian ✅ Latin American Spanish ✅ Brazilian Portuguese ✅ Cantonese ✅ Japanese ✅ Korean ✅ Vietnamese ✅ Hindi ✅ Polish ✅ Czech ✅ Hungarian ✅... -
19
GraphQL Voyager
Represent any GraphQL API as an interactive graph
Represent any GraphQL API as an interactive graph. It's time to finally see the graph behind GraphQL. You can also explore number of public GraphQL APIs from our list. With graphql-voyager you can visually explore your GraphQL API as an interactive graph. This is a great tool when designing or discussing your data model. It includes multiple example GraphQL schemas and also allows you to connect it to your own GraphQL endpoint. What are you waiting for, explore your API! Quick navigation on... -
20
css.gg
Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite
...You need to define width and height in order for this to work. Afterwards you can just create a div. By default all colors use currentColor as value in order to inherit the color from the parent. On a React project you can include a single icon as CSS, Styled Component, SCSS, SVG or call the contents using .json or .xml files. If you don't want to download at all but just copy paste visit the icon page and you have a special tab for it. -
21
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. ... -
22
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. -
23
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. -
24
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 ! -
25
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.
