Search Results for "element"
Sort By:
Showing 53 open source projects for "element"
View related business solutions-
Cut Cloud Costs with Google Compute EngineSave on compute costs with Compute Engine. Reduce your batch jobs and workload bill 60-91% with Spot VMs. Compute Engine's committed use offers customers up to 70% savings through sustained use discounts. Plus, you get one free e2-micro VM monthly and $300 credit to start.
-
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.
-
1
react-use
Component for React
...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. Tracks long press gesture of some element. -
2
react-rewards
A package containing a few micro-interactions you can use
...If a huge cloud of smiling emoji doesn't fit your application well, try changing the physics config to make it more subtle. In order to use the rewards, you'll need to provide an element that will become the origin of the animation. This element needs to have an ID that matches the one used inside the hook - it can be anywhere in the DOM as long as the IDs match. You can place the element inside a button, center it and shoot up from the button. You can place it on top of the viewport with position: "fixed" and change the angle to 270, to shoot downwards. ... -
3
three.js
JavaScript 3D library
...It works by creating a scene with a camera and a geometric cube, the latter of which is added to the scene. This will become the animated object within the scene. A WebGL renderer is created for the scene and the camera, with an added viewport to the document.body element. Finally, the cube is animated within the scene for the camera. A plethora of examples can be found in the project’s website (https://threejs.org/) which use Canvas 2D, SVG and CSS3D renderers that the library also provides. -
4
Fabric.js
Javascript Canvas Library and SVG-to-Canvas Parser
Fabric.js is a simple yet powerful Javascript HTML5 canvas library that allows you to easily work with HTML5 canvas element in various ways. It is also an SVG-to-canvas (and vice versa) parser. Fabric provides an interactive object model on top of canvas element, so you can create and populate objects on canvas; manipulate the size, position and rotation of these objects; modify properties such as color, transparency and more. You could also group these objects together with just a simple mouse selection. ... -
$300 in Free Credit for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credit—no hidden charges. Test, build, and deploy without risk. Use your credit across the Google Cloud platform to find what works best for your needs. After your credits are used, continue building with free monthly usage products. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
5
Chart.js
Simple yet flexible JavaScript charting for designers & developers
Chart.js is a Javascript library that allows designers and developers to draw all kinds of charts using the HTML5 canvas element. Chart js offers a great array of simple, clean charts including animated and interactive versions. Chartjs is an easy way to include beautiful and engaging charts into your website for free. -
6
flag-icons
A curated collection of all country flags in SVG
...For using the flags inline with text add the classes .fi and .fi-xx (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty <span>. If you want to have a squared version flag then add the class fis as well. You could also apply this to any element, but in that case you'll have to use the fib instead of fi and you're set. This means that the flag is just going to appear in the middle of an element, so you will have to set manually the correct size of 4 by 3 ratio or if it's squared add also the flag-icon-squared class. To have only specific countries in the css file, remove the ones that you don't need from the flag-icons-list.less file and build it again. -
7
C4-PlantUML
C4-PlantUML combines the benefits of PlantUML and the C4 model
C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicating software architectures – especially during up-front design sessions, with an intuitive language using open source and platform-independent tools. C4-PlantUML includes macros, stereotypes, and other goodies (like VSCode Snippets) for creating C4 diagrams with PlantUML. At the top of your C4 PlantUML .puml file, you need to include the C4_Context.puml, C4_Container.puml or... -
8
Shaka Player
JavaScript player library / DASH & HLS client / MSE-EME player
...Everything you need to build and deploy is in the sources. We support iOS 12+ through Apple's native HLS player. We provide the same top-level API, but we just set the video's src element to the manifest/media. So we are dependent on the browser supporting the manifests. -
9
wavesurfer.js
Navigable waveform built on Web Audio and Canvas
...With wavesurfer.js you can create anything from an HTML5 audio player to a sophisticated DJ application. wavesurfer.js works only in modern browsers supporting Web Audio. It will fallback to Audio Element without graphics in other browsers (IE 11 and lower). You can also try wavesurfer.swf which is a Flash-based fallback. The audio will start playing as you press play. A thin line will be displayed until the whole audio file is downloaded and decoded to draw the waveform. Web Audio needs the whole file to decode it in the browser. ... -
Build AI Apps with Gemini 3 on Vertex AIVertex AI gives developers access to Gemini 3—Google’s most advanced reasoning and coding model—plus 200+ foundation models including Claude, Llama, and Gemma. Build generative AI apps with Vertex AI Studio, customize with fine-tuning, and deploy to production with enterprise-grade MLOps. New customers get $300 in free credits.
-
10
reveal.js
The HTML Presentation Framework
reveal.js is a framework for creating beautiful interactive presentations using HTML. It comes with a wide range of features, including nested slides, auto-sliding, touch navigation, Markdown support, PDF export, speaker notes, theming and more. It also comes with a JavaScript API that allows you to control various other options, and a list of plugins that can be used to extend reveal.js further. reveal.js currently offers full support for any recently released version of the following... -
11
Vizzu
Library for animated data visualizations and data stories
...It can be used to create static charts but more importantly, it is designed for building animated data stories and interactive explorers as Vizzu enables showing different perspectives of the data that the viewers can easily follow due to the animation. Create a placeholder element that will contain the rendered chart. The Vizzu constructor has to load Vizzu's WebAssembly module asynchronously to prevent blocking the whole page. Because of this, any method except animate() will throw an exception while the library is not initialized. There is an initializing promise in the Vizzu class, which will resolve when initialization is finished. ... -
12
jfVideo Creator
Video producer
jfVideo is a video creator where you can merge video, image and audio files into one file. Each element can have many effects applied such as transparency, fade in, colour filtering (ie: green boarding), 3D positioning, cut frames, and many more. -
13
Yaoqiang BPMN Editor
an Open Source BPMN 2.0 / DMN 1.1 Modeler
Yaoqiang BPMN Editor is a graphical editor for business process diagrams, compliant with OMG specifications (BPMN 2.0 / DMN 1.1). -
14
WingSegment
WingSegment: A tool for Analysis and Modeling of Insect Wings
...WingSegment's efficiency is validated through comparisons with established tools and manual measurements, demonstrating accurate results. The tool further enables exporting detected boundaries as FreeCAD macro files for 3D modeling and printing, supporting finite element analysis. Beyond advancing insect wing morphology understanding, WingSegment holds broader implications for diverse planar structures, including leaves and geocells. This tool not only enhances a -
15
LPub3D
LDraw™ editor for LEGO® style digital building instructions.
LPub3D is an Open Source WYSIWYG editing application for creating LEGO® style digital building instructions. LPub3D is developed and maintained by Trevor SANDY. It uses the LDraw™ parts library, the most comprehensive library of digital Open Source LEGO® bricks available (www.ldraw.org/ ) and reads the LDraw LDR and MPD model file formats. LPub3D is available for free under the GNU Public License v3 and runs on Windows, Linux and macOS Operating Systems. LPub3D is also... -
16
react-native-animatable
Set of animations and declarative transitions for React Native
Declarative transitions and animations for React Native. To animate things you must use the createAnimatableComponent composer similar to the Animated.createAnimatedComponent. The common components View, Text and Image are precomposed and exposed under the Animatable namespace. If you have your own component that you wish to animate, simply wrap it with a Animatable.View. To make looping animations simply set the iterationCount to infinite. Most animations except the attention seekers work... -
17
Scene.js
Scene.js is JavaScript & CSS timeline-based animation library
...With Scene.js, SVG can be used by CSS animation in Chrome and can also be controlled by point through 'attribute'. Scene.js can control multiple elements at the same time. 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 -
18
imgIX.js
Responsive images in the browser, simplified
imgix.js is a dependency-free JavaScript library for the browser that allows for easy integration of imgix into websites. imgix.js allows developers to easily generate responsive images using the srcset and sizes attributes, or the picture element. 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. ... -
19
Spritejs
A cross platform high-performance graphics system
Spritejs is a cross-platform high-performance graphics system, which can render graphics on web, node, desktop applications and mini-programs. SpritejsNext is the new version of spritejs. It is renderer agnostic enabling the same api to render in multiple contexts: webgl2, webgl, and canvas2d. Manipulate the sprites in canvas as you do with the DOM elements. SpritejsNext provides several kinds of basic sprite elements, which can be operated on the layer like DOM elements. Compatible for most... -
20
Vue-Video-Player
@videojs component for @vuejs
video.js player component for Vue. The Video.js player is a component. Like all components, you can define what children it includes, what order they appear in, and what options are passed to them. Components can be given custom options via the lower-camel-case variant of the component name (e.g. controlBar for ControlBar). These can be nested in a representation of grandchild relationships. Video.js playback technologies (i.e. "techs") can be given custom options as part of the options... -
21
Color Picker For Contact Form 7
You may create a color picker Field Contact Form 7.
Integrating a color picker with CF7 introduces a visual element that can greatly enhance the aesthetics of a form. A color picker allows users to select their preferred colors for various elements of the form, such as text, buttons, and background. This customization empowers users to align the form's appearance with their personal preferences or their website's branding. Advantages of a Color Picker Brand Consistency: For businesses and individuals, maintaining brand consistency across all touchpoints is crucial. ... -
22
Svelte Animation on Scroll
Svelte Animation on Scroll
Svelte Animation on Scroll. A small component to make your CSS animations work on scroll with Svelte. SAoS allows you to animate once or multiple times an element on a scroll, you can define the top and bottom "triggers" and the CSS of the internal divs (not recommended, but it can help in some cases). -
23
MidiLayer
A simple and intuitive tool to improve live performances.
MidiLayer is a simple and easy to use application designed to enhance your live performances. Manage slots and channels, adjust the velocity and the volume, customize the note range and connect with modulation wheels and other types of controllers, all with the help of MidiLayer. -
24
flv.js
HTML5 FLV Player
...This project relies on Media Source Extensions to work. flv.js works by transmuxing FLV file stream into ISO BMFF (Fragmented MP4) segments, followed by feeding mp4 segments into an HTML5 <video> element through Media Source Extensions API. flv.js is written in ECMAScript 6, transpiled into ECMAScript 5 by Babel Compiler, and bundled with Browserify. FLV container with H.264 + AAC / MP3 codec playback. Multipart segmented video playback. HTTP FLV low latency live stream playback. FLV over WebSocket live stream playback. Compatible with Chrome, FireFox, Safari 10, IE11 and Edge. ... -
25
electron-vue-music
A music player developed based on electron-vue
A music player developed based on electron-vue, the interface imitates QQ music, and the technology stack is electron-vue+vue+vuex+vue-router+element-UI. welcome star. Based on the music player developed by VUE3+TS, the interface imitates the QQ music mac client. The mobile terminal is not adapted. In the later stage, Flutter will be used to develop the mobile client separately, and Electron will be used to package the desktop client and built-in API service. For security reasons, the online demo does not provide API interface services. ...
