Search Results for "open element" - Page 7
Sort By:
Showing 242 open source projects for "open element"
View related business solutions-
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
Enterprise-grade ITSM, for every businessFreshservice is an intuitive, AI-powered platform that helps IT, operations, and business teams deliver exceptional service without the usual complexity. Automate repetitive tasks, resolve issues faster, and provide seamless support across the organization. From managing incidents and assets to driving smarter decisions, Freshservice makes it easy to stay efficient and scale with confidence.
-
1
MediumEditor
A Medium.com WYSIWYG editor clone. A simple inline editor toolbar
This is a clone of medium.com inline editor toolbar. MediumEditor has been written using vanilla JavaScript, no additional frameworks required. MediumEditor also supports textarea. If you provide a textarea element, the script will create a new div with contentEditable=true, hide the textarea and link the textarea value to the div HTML content. People have contributed wrappers around MediumEditor for integrating with different frameworks and tech stacks. Take a look at the list of existing... -
2
rowGrid.js
A small, lightweight JavaScript plugin for placing items
rowGrid.js is a small, lightweight (~1000 bytes gzipped) jQuery plugin for placing images (or other items) in straight rows. The grid is similar to grids on Google Image Search, Flickr, Shutterstock and Google+ images. All items must have the same height but the width can be variable. RowGrid.js justifies the items in straight rows so that the width of the rows equals the width of the container/parent element. At first, rowGrid.js adjusts the margin between the items. If this is not enough... -
3
loadCSS
Load CSS asynchronously
Referencing CSS stylesheets with link[rel=stylesheet] or @import causes browsers to delay page rendering while a stylesheet loads. When loading stylesheets that are not critical to the initial rendering of a page, this blocking behavior is undesirable. The pattern below allows us to fetch and apply CSS asynchronously. If necessary, this repo also offers a separate (and optional) JavaScript function for loading stylesheets dynamically. As a primary pattern, we recommend loading asynchronous... -
4
React HTML Parser
Converts HTML strings directly into React components
Utility for converting HTML strings into React components. Converts standard HTML elements, attributes and inline styles into their React equivalents and provides a simple way to modify and replace the content. It is important to understand that this library should not be used as a direct replacement for using properly sanitized HTML and that it only provides the same level of protection that React does which does not provide 100% protection. All HTML should be properly sanitized using a... -
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
5
heml
HEML is an open source markup language for building responsive email
HEML is an open source markup language for building responsive email. It gives you the native power of HTML without having to deal with all of the email quirks. HEML makes building emails as easy as building websites. Do you know HTML and CSS? Check out our docs and you're off to the races! No special rules or styling paradigms to master. HEML is designed to take advantage of all that email can do while still providing a solid experience for all clients. You can create your own powerful... -
6
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... -
7
React-Motion
A spring that solves your counter animation problems
Animate a counter from 0 to 10. Works with React-Native v0.18+. A spring that solves your animation problems. You can develop simple transitions, chat heads, draggable balls, todoMVC list transition, photo gallery, spring parameters chooser, water ripples, and draggable lists. For 95% of use-cases of animating components, we don't have to resort to using hard-coded easing curves and duration. Set up a stiffness and damping for your UI element, and let the magic of physics take care of the... -
8
UI Bootstrap
Bootstrap components written in pure AngularJS by the AngularUI Team
Bootstrap components written in pure AngularJS by the AngularUI Team. UI Bootstrap provides a set of native AngularJS directives based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is required. Build files for all directives are distributed in several flavours: minified for production usage, un-minified for development, with or without templates. It should be noted that the -tpls files contain the templates bundled in JavaScript, while the... -
9
EaselJS
Work with the HTML5 Canvas element easily
The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier. A JavaScript library that makes working with the HTML5 Canvas element easy. Useful for creating games, generative art, and other highly graphical experiences. EaselJS provides straight forward solutions for working with rich graphics and interactivity with HTML5 Canvas. It provides an API that is familiar to Adobe... -
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.
-
10
bDialog
Extend the Bootstrap Modal features, making dialog more functions
Extend the Bootstrap Modal features, making dialog more functions and easier to use, dialog type including modal, alert, mask, and toast types. A multi-layer nested, highly customizable powerful dialog plugin, dialog type including modal dialog, alert dialog, mask layer, toast dialog. -
11
slick
The last carousel you'll ever need
slick is an open source, responsive carousel plugin that offers a great number of breakpoints, CSS3 transitions, touch events and so much more. It creates fully responsive, customizable and mobile-friendly carousels that can work with any html element. Everything you’ll ever need for your carousel, slick can achieve quickly and easily. It features a comprehensive range of settings, events, methods and more so you can build a carousel in exactly the way you want. -
12
jQuery Selectric
jQuery plugin for easy manipulation and customization of HTML selects
jQuery Selectric is a jQuery plugin designed to help stylize and manipulate HTML selects. You can pass an options object as the first parameter when you call the plugin. All events are called on the original element. Within the callback you have access to the event object, the original select element, and the current Selectric instance. -
13
Scroll Lock
Locks mouse wheel scroll inside container,
Scroll Lock is a jQuery plugin that fully addresses the issue of locking the mouse wheel scroll inside a given container, preventing it from propagating to the parent element. -
14
Image Select
Image Select is an extension of Chosen, a jQuery plugin
We designed this plugin extension as a humanized UI element for social networking sites that need to facilitate relations between people. Research shows that people are extremely sensitive to photos of others, so we needed to revamp the traditional UI elements to make them more intuitive and human. You can use these plugin extensions for modeling multiple (one-to-many) or single (one-to-one) relations between people. We couldn't find any scripts that had this full functionality, so we... -
15
pjax
pushState + ajax = pjax
pjax loads html from your server into the current page without a full page load. It's ajax with real permalinks, page titles, and a working back button that fully degrades. Check the box to toggle pjax. Whenever the time changes, a full page load has happened. If the time doesn't change, no full page load has occurred. The idea is you can't tell the difference between pjax page loads and normal page loads. On complicated sites, browsing just "feels faster." pjax is a jQuery plugin that uses... -
16
-
17
minireset.css
A tiny modern CSS reset
minireset.css is a very small CSS reset that removes the most inconsistent default styles across browsers without wiping out useful defaults. Unlike heavy resets or opinionated base styles, it aims to be non-intrusive and safe to drop into any project. It normalizes margins, box sizing, and some inline element behaviors so that components render predictably. The file is intentionally short and readable, making it easy to audit and tailor to your needs. Because the footprint is tiny, it’s... -
18
Picturefill
A responsive image polyfill
A Responsive Images approach that you can use today that mimics the proposed picture element using spans, for safety sake. Picturefill works best in browsers that support CSS3 media queries. The demo page references (externally) the matchMedia polyfill which makes matchMedia work in media-query-supporting browsers that don't support matchMedia. matchMedia and the matchMedia polyfill are not required for picturefill to work, but they are required to support the media attributes on picture... -
19
jQuery Hover3d
Simple jQuery plugin for 3d Hover effect
jQuery Hover3d is a simple hover script for creating 3d hover effect. It was my experiment on exploring CSS3 3d transform back in 2015 on Codepen 3D hover plane effect. The idea is to transform the element into 3d space using CSS3 transform, playing with translateZ for spacing the elements, and detecting mouse movement to change the transform value. -
20
jquery.matchHeight.js
A responsive equal heights plugin
In the years since this library was originally developed there have been updates to CSS that can now achieve equal heights in many situations. If you only need to support modern browsers then consider using CSS Flexbox and CSS Grid instead. -
21
angulartics
Analytics for AngularJS applications
Avoid dealing with vendor-specific code. If your provider of choice is not among the existing plugins, just write your own. Google Analytics, Kissmetrics, Mixpanel, Flurry, Piwik, Segment.io and more are supported out of the box. Just add Angulartics to your app dependencies and you'll get automatic pageview tracking for your application routes. Download Angulartics and the Angulartics plugin for your vendor. Note: All plugins list Angulartics as a dependency, so they will be downloaded... -
22
Fluidbox
Replicating and improving the lightbox module seen on Medium
...Each initialized Fluidbox instance can therefore be styled independently from each other using CSS alone, requiring no further manipulation via JS (unless required on the user's behalf for specific implementations). Fluidbox listens to the click event triggered on the ghost element, .fluidbox__ghost, and toggles between two binary states, open or closed. TThe latest version of Fluidbox require two dependencies: jQuery v1.7 or above, and Ben Alman's debounce/throttle plugin. -
23
Angular-filter
Bunch of useful filters for AngularJS with no external dependencies!
Bunch of useful filters for AngularJS (with no external dependencies!). You can install angular-filter using 4 different methods. Include angular-filter.js (or angular-filter.min.js) in your index.html, after including Angular itself. Add 'angular.filter' to your main module's list of dependencies. If a string is provided, it will filter out duplicates using the provided expression. -
24
Involt
Inject hardware interactions directly into HTML layout
An easy way to think outside the box. Simplicity of HTML and CSS combined with hardware interactions. Create your app using only basic knowledge of HTML, CSS, and Arduino. Instead of learning advanced coding focus on overall experience and quickly develop results. Using CSS allows you to work on the layout and interfacing with the device at once. Involt comes with a UI kit to help you get started. The foundation of Involt is overcoming obstacles that block many concepts from making it to the... -
25
ZeroClipboard
The ZeroClipboard library to copy text to the clipboard
...The "Zero" signifies that the library is invisible and the user interface is left entirely up to you. To test this page locally, checkout the gh-pages branch, install jekyll and run jekyll serve to open localhost:4000. This is achieved by automatically floating the invisible movie on top of a DOM element of your choice. Standard mouse events are even propagated out to your DOM element, so you can still have rollover and mouse down effects. To setup, the project for local development starts with these commands in your terminal. Before submitting a pull request you'll need to validate, build, and test your code. ...
