Search Results for "open element"
Sort By:
Showing 30 open source projects for "open element"
View related business solutions-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
Build Data Resilience - Take the Assessment TodayIs your recovery strategy as strong as you think? Take this quick self-assessment to check your recovery readiness and gain tailored insights. In only 2 minutes, you'll learn where you fall on the recovery readiness scale.
-
1
ScrollMagic
The javascript library for magical scroll interactions
ScrollMagic helps you to easily react to the user's current scroll position. ScrollMagic is a complete rewrite of its predecessor Superscrollorama by John Polacek. A plugin-based architecture offers easy customizability and extendability. Animate based on scroll position, pin an element starting at a specific scroll position, toggle CSS classes of elements on and off based on scroll position, effortlessly add parallax effects to your website, create an infinitely scrolling page, add... -
2
Electron Context Menu
Context menu for your Electron app
Electron Context Menu is a JavaScript package that adds configurable right-click menus to Electron applications. It provides common native-style actions that Electron developers would otherwise need to implement manually. Built-in behavior includes cut, copy, paste, text lookup, web search, link copying, image actions, video actions, and spellchecking-related commands. An Inspect Element option can automatically appear during development for easier debugging. Developers can add, remove,... -
3
Inquirer.js
A collection of common interactive command line user interfaces
Inquirer.js strives to be an easily embeddable and beautiful command line interface for Node.js (and perhaps the "CLI Xanadu"). Inquirer.js should ease the process of providing error feedback, asking questions, parsing input, validating answers, and managing hierarchical prompts. Inquirer.js provides the user interface and the inquiry session flow. If you're searching for a full blown command line program utility, then check out commander, vorpal or args. Create a self contained inquirer... -
4
Element
A Vue.js 2.0 UI Toolkit for Web
Element is a component library based on Vue.js 2.0 that can be used by developers, designers and product managers to build products that are logically sound, well-structured and easy to use. Element uses BEM-styled CSS so you can easily change styles when you want to. There are four ways you can change style variables. You can use the online theme roller to customize design tokens and preview new themes in real-time. You can also use the theme preview website (for changing the theme color... -
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.
-
5
bala.js
A function for elements selection
bala.js is a function that allows you to select elements on a web page. -
6
Coframe
Coframe brings your UX to life with AI-powered optimization
Bring your UX to life with AI-powered optimization and personalization. Coframe brings the content of your app or website to life through AI-powered optimization, personalization, and overall self-improvement. It takes minutes to integrate, and the ROI is clear to measure. Your website or app gains self-enhancing abilities with Coframe, learning from real-world performance. It's A/B testing, but with a serious upgrade. Coframe uses the latest in AI to generate copy that is tailored to your... -
7
ScrollTrigger
Let your page react to scroll changes
The most basic usage of ScrollTrigger is to trigger classes based on the current scroll position. E.g. when an element enters the viewport, fade it in. You can add custom offsets per element, or set offsets on the viewport (e.g. always trigger after the element reaches 20% of the viewport) When using the callbacks ScrollTrigger becomes really powerful. You can run custom code when an element enters/becomes visible, and even return Promises to halt the trigger if the callback fails. This... -
8
Flickity
Touch, responsive, flickable carousels
...With this option, your source code is kept proprietary. Once purchased, you’ll receive a commercial license PDF and be all set to use Flickity in your commercial applications. If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use Flickity under the terms of the GPLv3. You can use Flickity as a jQuery plugin. You can initialize Flickity in HTML, without writing any JavaScript. Add data-flickity attribute to the carousel element. -
9
Ladda
Buttons with built-in loading indicators
Ladda is a small UI library that makes buttons feel responsive by combining loading indicators and progress feedback directly inside the button itself. Instead of showing spinners elsewhere on the page, Ladda turns the button into the stateful element: click it, it shows loading, and optionally it can show progress. This pattern improves user experience on forms and actions that take more than a split second, because users immediately understand that the click was received. Ladda ships with... -
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
10
BSL
Body scroll locking that just works with everything
Enables body scroll locking (for iOS Mobile and Tablet, Android, desktop Safari/Chrome/Firefox) without breaking scrolling of a target element (eg. modal/lightbox/flyouts/nav-menus). If the overflow property of the body is set to hidden, the body widens by the width of the scrollbar. This produces an unpleasant flickering effect, especially on websites with centered content. If the reserveScrollBarGap option is set, this gap is filled by a padding-right on the body element. If... -
11
CalDOM
An agnostic, reactive & minimalist (3kb) JavaScript UI library
An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM. Instead of pulling you into a library-specific magical world, CalDOM let you fully access the DOM directly while keeping the reactivity. So you could take full advantage of native APIs & mix it with other libraries to gain superior performance & flexibility in the development process. In essence, CalDOM is just a wrapper around the native Node/Element. The overall performance drop is about 0.04x... -
12
jwl-library
JWL - The JavaScript Widget Library
The JavaScript Widget Library (JWL) is a tool that allows you to build modern web applications by providing a simple way to create HTML components. JWL is based on JUL - The JavaScript UI Language module and it easily integrates with JUL Designer. -
13
jQuery Fullscreen Plugin
Plugin provides a simple to use mechanism to control fullscreen mode
This jQuery plugin provides a simple-to-use mechanism to control the new fullscreen mode of modern browsers. Currently, only newer Webkit-based browsers (Like Chrome and Safari), Firefox and IE11+ provide this new fullscreen feature. Simply pass no argument to the fullScreen method to query the current state. The method returns the current fullscreen element (or true if browser doesn't support this) when fullscreen mode is active, false if not active or null when the browser does not support... -
14
cube-ui
Mobile UI library implement by Vue
cube-ui is an elegant mobile component library based on Vue.js. From DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration. Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience. Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify... -
15
jsInputFormatter
Simple Input Formatter for Javascript
jsInputFormatter is a easy way to format HTML inputs with masks. Syntax: import the jsInputFormatter.js set the function below on oninput event to input format. inputFormatter(event,mask) event: element input event mask: String with mask # - Any valid number * - Anything Others characters don't change inputDecimalFormatter(event,decimal) event: element input event decimal: Integer number with decimal Example 1 - Credit Card: Credit Card #### #### ####... -
16
Chardin.js
Simple overlay instructions for your apps
Chardin.js is a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour. Add the instructions to your elements. Text to show with the instructions/tooltip. data-position: (left, top, right, bottom), where to place the text with respect to the element. In addition, you can alter the relative position of the tooltip text by placing a colon and a percentage value (-100 to 100) after the position text, eg... -
17
Headroom.js
Give your pages some headroom, hide your header until you need it
Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slides back in when scrolling up. Fixed headers are a popular approach for keeping the primary navigation in close proximity to the user. This can reduce the effort required for a user to quickly navigate a site, but they are not without problems. Large screens are usually... -
18
Shards UI
Bootstrap 4 UI kit packed with extra templates and components
A free and modern UI toolkit for web makers based on the popular Bootstrap 4 (final) framework. Shards is built with performance in mind having a small footprint and weighting ~13kb minified and gzipped. With Bootstrap 4 at its core, Shards is responsive by default being able to adapt and reflow its layout to any screen size. Everything new in Shards is well documented so you can start building beautiful interfaces as soon as possible. Each component was designed from scratch and comes... -
19
Element React
Element UI
Element, a Vue 2.0-based component library for developers, designers, and product managers. Understand design guidelines, helping designers create products that are logical, reasonably structured, and easy to use. Experience the interaction by walking around with examples of the components. Use wrapped code to improve development efficiency. Online theme roller, visualize custom and manage site themes and component styles. Download relevant design resources to shape a prototype or draft,... -
20
Effeckt.css
A Performant Transitions and Animations Library
Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation... -
21
Packery
Gapless, draggable grid layouts
Packery is a JavaScript library and jQuery plugin that makes gapless and draggable layouts. It uses a bin-packing algorithm to fill in empty gaps. Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in a specific spot, or dragged around. It’s perfect for draggable dashboard and seamless Masonry image galleries. If you want to use Packery to develop commercial sites, themes, projects, and applications, the Commercial license is the... -
22
Isotope
Filter and sort layouts
...If you want to use Isotope to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use Isotope under the terms of the GPLv3. -
23
parallax.js
Parallax Engine that reacts to the orientation of a smart device
Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead. parallax.js reacts to the orientation of your smart device, offsetting layers depending on their depth within a scene. If you don't have a smart device, no worries, if no gyroscope or motion detection hardware is available, parallax.js uses the position of your cursor instead. Most configuration settings can be declared... -
24
-
25
jQuery Knob
Nice, downward compatible, touchable, jQuery dial
Tested on Chrome, Safari, Firefox, IE>=8.0 (IE8.0 with excanvas). jQuery Knob is canvas based, with no png or jpg sprites. Touch, mouse and mousewheel, keyboard events implemented. It is downward compatible, and overloads an input element. Display mode "cursor", cursor size could be changed passing a numeric value to the option, default width is used when passing boolean value "true" | default=gauge. The scope of each hook function is the current Knob instance (refer to the demo code).
