Search Results for "react js ,html"
Sort By:
Showing 26 open source projects for "react js ,html"
View related business solutions-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
MongoDB Atlas runs apps anywhereMongoDB 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.
-
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 Diagrams
Super simple, no-nonsense diagramming library written in react
A flow & process orientated diagramming library inspired by Blender, Labview and Unreal engine. Modern Codebase written entirely in Typescript and React, the library makes use of powerful generics, advanced software engineering principles and is broken up into multiple modules. Hackable and extensible the entire library including its core can be extended, rewired and re-assembled into fundamentally different software to suit your own software needs. HTML nodes as a first-class citizen the library was originally written to represent advanced dynamic nodes, that are difficult to represent as SVG's due to complex input requirements ux requirements. ... -
3
X6
JavaScript diagramming library that uses SVG and HTML for rendering
Provides easy-to-use node customization capabilities and out-of-the-box interactive components, allowing us to quickly build flowcharts, DAG diagrams, ER diagrams and other graph applications. Extremely easy to customize: support custom node styles and interactions using SVG/HTML/React/Vue/Angular. Out of the box: built-in 10+ image editing supporting extensions, such as frame selection, alignment line, small map, etc. A complete event system that can listen to any event that occurs in the chart. -
4
tabler icons
1950 free MIT-licensed high-quality SVG icons
...Free and open-source icons designed to make your website or app attractive, visually consistent, and simply beautiful. Each icon is designed on a 24x24 grid and a 2px stroke. All icons are built with SVG, so you can place them as <img>, background-image and inline in HTML code. If you load an icon as an image, you can modify its size using CSS. You can paste the content of the icon file into your HTML code to display it on the page. Import the icon and render it in your component. You can adjust SVG properties through React props. Angular components are available through the angular-tabler-icons package. ... -
Forever Free Full-Stack Observability | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
5
Tagify
Lightweight, efficient Tags input component in Vanilla JS
Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and a small code footprint, exploded with features. Customizable HTML templates for the different areas of the component (wrapper, tags, dropdown, dropdown item, dropdown header, dropdown footer) Shows suggestions list (flexible settings & styling) at full (component) width or next to the typed texted (caret) Allows setting suggestions' aliases for easier fuzzy-searching.... -
6
Spatie Browsershot
Convert HTML to an image, PDF or string
Browsershot is a PHP package that allows developers to convert web pages into images or PDFs. It utilizes headless Chrome to render pages accurately and can be used to capture screenshots, generate PDFs, and manipulate web content programmatically. It is especially useful for applications that require generating visual content from dynamic or static web pages. -
7
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 -
8
Mermaid.js to SVG Converter
Visualize the diagrams of your projects
While coding with AI assist, I noticed bigger projects need something more rigid as context so the AI coder doesn't stray away when I try to add new features. You know, to keeps its memory fresh and not change the stuff that already works. The trick is to ask the AI to write a diagram in Mermaid.js format that solidifies the structure of the project and then use that as context to keep the AI reminded at all times what the project is as a whole. This will prevent it from changing things... -
9
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 -
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
10
imgIX.js
Responsive images in the browser, simplified
...This lets you write a single image URL that is parsed and used to make images look great at any screen size, by using imgix to process and resize your images on the fly. imgix.js is designed to run in the browser, manipulating existing img elements on an HTML page. If you're looking for a JavaScript library that can programmatically generate imgix URLs, consider using imgix-core-js instead. Once imgix.js has been included on the page, it will automatically run once, after the DOMContentLoaded event fires. This will detect and process all img, picture, and source tags on the page that are set up to use imgix.js as described in the Usage section. -
11
textures.js
SVG patterns for data visualization
Textures.js is a JavaScript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualization. Import textures.js from NPM. You can also use textures.js in your HTML page with a <script> tag by downloading textures.js to a local folder or by using the Unpkg CDN network. Textures.js can be used alongside d3. -
12
FUSUMA
Fusuma makes slides with Markdown easily
...Init Mode, for creating a slide, style, configuration file and GitHub actions that deploy slides to gh-pages automatically. Development Mode, for running with HMR, just coding Markdown and sometimes CSS. Build Mode, to render to HTML and optimizing js,css,md. Generating an image of slides as og:image and checking a11y automatically. Presentation Mode, including speaker note, timer, and features for recording your page actions and voice. Deploy Mode, for deploying to GitHub pages. And PDF Mode, for exporting slides as PDF. -
13
lazysizes
High performance and SEO friendly lazy loader for images
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration. It may become also your number one tool to integrate responsive images. It can automatically calculate the sizes attribute for your responsive images, it allows you to share media queries for your media attributes with your CSS, helping to separate layout (CSS) from... -
14
lax.js
Library to create smooth & beautiful animations when you scroll
...To implement lax you need to create at least one driver, to provide values for animations, as well as the element animation bindings. 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. ... -
15
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... -
16
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... -
17
React Move
Beautiful, data-driven animations for React
The API for React Move has been essentially stable since the 2.0 version. The 4.0 version of React Move introduced a change that broke the hard dependency on d3-interpolate and introduced the interpolation prop. The current version of React Move will by default only do numeric interpolation and apply easing functions. If you only need to do numeric interpolation you don't need to do anything. Just upgrade and done. The API for React Move 5.x and 6.x is exactly the same. The 5.x version just... -
18
PixelShank
Add pixel size mark on image and save as .png. Build with p5.js, elect
Add pixel size mark on image and save as .png. Build with p5.js, electron and canvas. Work as desktop app PixelShank is integrated with electron, aftere simple setup, you can build the cross-platform desktop app on Windows, MacOS or Linux. -
19
Editor.md
The open source embeddable online markdown editor (component)
...The available dependents are CodeMirror, marked, jQuery, FontAwesome, github-markdown.css, KaTeX, prettify.js, Rephael.js, flowchart.js, sequence-diagram.js, and Prefixes.scss. You can enable HTML tags decode, TeX, Flowchart, sequence diagram, Emoji, FontAwesome, task lists. You can also enable image upload, [TOCM], search replace features, code fold, etc. Combine multiple JS module files used by CodeMirror to greatly reduce HTTP requests and speed up downloading. In addition, when using Require.js, because of CodeMirror's strict module dependency restrictions, the merged module files cannot be used, and multiple module files are still dynamically loaded. ... -
20
FlashWavRecorder
Simple flash file for recording audio and saving as a WAV
FlashWavRecorder is a Flash-based tool that enables recording audio from a user's microphone and exporting it as a WAV file in real time. It uses Flash Player to access audio input and communicate with JavaScript to control recording sessions from the browser. This was especially useful before native browser audio APIs became widely supported and remains relevant in legacy systems requiring Flash-based audio capture. -
21
SVG Spirograph
a HTML/JS SVG Spirograph
a SVG spirograph made with HTML & Javascript -
22
Customizable browser based (text/web(WYSIWYG)) file editors environment in PHP (GPL Licensed) with loads of features. (tested only in firefox)
-
23
Create flowchart using only HTML GUI. Functions are written in JavaScript with the help of JQuery. Drawing source is in HTML and visible. Program can be used locally if open the index.htm in browser.
-
24
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
-
25
Run your own photo website. Camera Life is PHP software you can run to show your photos on your own website. Camera Life is easy to setup and customize if want to blend it in with the rest of your site.
