Search Results for "dom"
Sort By:
Showing 27 open source projects for "dom"
View related business solutions-
Our Free Plans just got better! | Auth0 by OktaYou 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 secuirty. Auth0 now, thank yourself later.
-
Never Get Blocked Again | Enterprise Web ScrapingGet unrestricted access to public web data with our ethically-sourced proxy network. Automated session management and advanced unblocking handle the hard parts. Scale from 1 to 1M requests with zero blocks. Built for developers with ready-to-use APIs, serverless functions, and complete documentation. Used by 20,000+ companies including Fortune 500s. SOC2 and GDPR compliant.
-
1
anime.js
JavaScript animation engine
anime.js is a lightweight JavaScript animation library that allows you to create complex animations with a single, powerful API. It works with just about anything web-based: CSS properties, SVG, DOM attributes and JavaScript Objects. anime.js makes it easy to create layered and complex animations, and gives you full control of timing and triggering events so they move exactly how and when you want them. It supports some of the latest browsers, and offers plenty of examples... -
2
sigma.js
A JavaScript library dedicated to graph drawing
Sigma is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications. Sigma provides a lot of built-in features, such as Canvas and WebGL renderers or mouse and touch support, to make networks manipulation on Web pages smooth and fast for the user. The default configuration of sigma deals with mouse and touch support, refreshing and rescaling when the container's size changes,... -
3
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... -
4
VueGL
Vue.js components rendering 3D WebGL graphics reactively with three.js
VueGL is a component library for rendering 3D graphics with Vue.js and three.js. Using VueGL, you can handle WebGL very easily. In addition, drawn graphics are responsively re-rendered when detecting data changes. Vue.js is one of the very popular frameworks for building web apps or interactive websites. three.js is a 3D graphics library to uses WebGL. It provides classes wrapping WebGL APIs. They aim for different targets to be rendered, Vue.js for DOM and three.js for WebGL context... -
Free CRM Software With Something for EveryoneThink CRM software is just about contact management? Think again. HubSpot CRM has free tools for everyone on your team, and it’s 100% free. Here’s how our free CRM solution makes your job easier.
-
5
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. However... -
6
react-rewards
A package containing a few micro-interactions you can use
... 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. Try, experiment, have fun! -
7
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. You can tweak the container and the boxes using standard CSS flex properties, like... -
8
Hamburgers
Tasty CSS-animated Hamburgers
Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger. The hamburger button belongs inside the <nav> so that assistive technologies will be able to locate the navigation, and to allow these users to easily locatate the hamburger button, without having to search up and down the DOM, once they realize they've found themselves in an empty navigation. Animations use CSS3 3D... -
9
html2canvas
A JavaScript HTML screenshot renderer
html2canvas is a JavaScript HTML renderer. The script provides you with the tools to take screenshots of webpages directly on the browser. The screenshot is based on the DOM and therefore, it may not be 100% accurate to the real representation, given that it is not an actual screenshot, but a type of screenshot built based on the available data and information of the page. The script renders such page as a canvas image, by reading the DOM and the different styles of the featured elements... -
Payroll Services for Small Businesses | QuickBooksEasily pay your team and access powerful tools, employee benefits, and supportive experts with the #1 online payroll service provider. Manage payroll and access HR and employee services in one place. Pay your team automatically once your payroll setup is complete. We'll calculate, file, and pay your payroll taxes automatically.
-
10
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 ! Useful to create awesome 3D scenes. Thanks to VueJS/ViteJS, TroisJS use watchers and HMR to update ThreeJS... -
11
The COLLADA Document Object Model (DOM) is an application programming interface (API) that provides a C++ object representation of a COLLADA XML instance document. Contact a project admin to become a developer!
-
12
react-blessed
A react renderer for blessed
A React custom renderer for the blessed library. This renderer should currently be considered as experimental, is subject to change and will only work with React's latest version (17.x.x, using Fiber). Any of the blessed widgets can be rendered through react-blessed by using a lowercased tag title. Text nodes, on the other hand, will be rendered by applying the setContent method with the given text on the parent node. As with React's DOM renderer, react-blessed lets you handle the original... -
13
lax.js
Library to create smooth & beautiful animations when you scroll
... 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. Because of this you will need to call lax.addElements when you add components to the DOM that you want to animate. -
14
C3.js
A D3-based reusable chart library
... application. Because of the dependence on D3, C3 supports only modern browsers D3 supports. For IE9 and IE10, polyfill is required because c3 uses MutationObserver, which is not supported in those versions. However, it's not required if charts always will be binded to the DOM specified by bindto because MutationObserver is not called in that case. -
15
Raphaël
JavaScript vector library
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal... -
16
MixItUp 3
Library for animated filtering, sorting, insertion, removal and more
MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more. MixItUp is open source and free to use for non-commercial, educational and non-profit use. For use in commercial projects, a commercial... -
17
Dynamics.js
Javascript library to create physics-based animation
Dynamics.js is a JavaScript library to create physics-based animations. You can animate CSS properties of any DOM element. You also can animate SVG properties. And any JavaScript object. Dynamics.js has its own setTimeout. The reason is that requestAnimationFrame and setTimeout have different behaviors. In most browsers, requestAnimationFrame will not run in a background tab while setTimeout will. This can cause a lot of problems while using setTimeout along your animations. I suggest you use... -
18
snabbt.js
Fast animations with javascript and CSS transforms
... animations without needing to know too much about browser rendering. Note, for convenience, width and height are animatable too, but beware since they may cause page reflows and slow down your animations. No arbitrary property animations, e.g. colors, padding, margin or line height animations. For performance reasons, snabbt never queries the DOM. -
19
HTML GL
Get as many FPS as you need and amazing effects by rendering HTML/CSS
60 FPS and amazing effects by rendering HTML/CSS in WebGL, framework agnostic. HTML GL solves "the slow DOM problem" by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have. Using HTML GL you still work with HTML/CSS as you are common to, but DOM elements are just facades to their WebGL representations. These GPU accelerated... -
20
Bounce.js
Create beautiful CSS3 powered animations in no time
Bounce.js is a tool and JS library for generating beautiful CSS3 powered keyframe animations. The tool on bouncejs.com allows you to generate static keyframes that can be used without any extra JavaScript, but if you'd like your application to generate these on the fly, you can use the Bounce.js library. The Bounce object is what you'll use to first build your animation from the different components scale, rotate, translate and skew. This can then either be defined as a named animation for... -
21
flot
Attractive JavaScript charts for jQuery
... of the examples is probably the fastest way to learn how to use flot. Just include the JavaScript file after you've included jQuery. You need at least jQuery 1.2.6, but try at least 1.3.2 for interactive charts because of performance improvements in event handling. The plot function immediately draws the chart and then returns a plot object with a couple of methods. The placeholder is a jQuery object or DOM element or jQuery expression that the plot will be put into. -
22
Scrawl.js
For the handling and manipulation of the HTML5 <canvas> element
A JavaScript library which adds an API for handling and manipulating HTML5 <canvas> elements in the DOM. Uses the '2d' context with each canvas element. On starting, Scrawl.js investigates the HTML DOM and automatically creates controller and wrapper objects for each <canvas> element it finds. Can also generate visible canvas elements programatically, and add them to the DOM. Users create sprite and gradient objects using scrawl factory functions, set their styling... -
23
Shared Questionnaire System(SQS) is a full-functional Optical Mark Reader(OMR) form processing system implemented in Java-Swing, XSL-FO and AJAX with straightforward GUIs. It is aimed at developing social platform to share knowledge about questionnaire.
-
24
Wimp is the acronym of Web Image Manipulation Program. This project follow two lines of interest. First, there is the managment of canva with DOM concepts (javascript). Next, there is the managment of images (files, rendering...etc) for servlet usage.
-
25
Xi3D is an X3D renderer and browser for 3D Web content. It contains compliant parsers for VRML'97 types, a java scenegraph, XML bindings using SAX2, a content converter, full runtime and event model, DOM Level 2, vecmath