Search Results for "css plugins"

Responsive modal window javaScript plugin, touch swipe gallery. Just another responsive lightbox plugin, suitable for images, inline content, iFrames, and videos. The big difference compared to many other plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window (so in small devices you can scroll down the content, avoiding vertical microscopic resized images).

...Metro 4 is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with responsive grid system, extensive prebuilt components, and powerful plugins. Metro 4 developed to build websites in Windows Metro Style and include general styles, grid, layouts, typography, 100+ components and routines, 500+ built-in icons.

Rating plugin for jQuery. Fast, Progressive enhancement, touch support, customizable (just swap out the images, or change some CSS), Unobtrusive JavaScript (using HTML5 data-* attributes), RTL support, supports as many stars as you'd like, and also any step size. Although it does the same job as the rest of the jQuery star rating plugins, the main difference is its simplicity. Most plugins create an element for each (partial) star, be it a div with a star background, or an img tag. ...

TW Elements is a large collection of UI components, templates, and plugins built specifically for Tailwind CSS, designed to extend its functionality with interactive and pre-designed elements. It provides hundreds of ready-to-use components, including forms, buttons, navigation elements, and layout blocks, enabling developers to build complete interfaces quickly. Unlike basic Tailwind utilities, TW Elements adds interactivity through JavaScript-powered components such as modals, dropdowns, and carousels, making it more feature-rich. ...

...It's designed to speed up page loading times and decrease traffic to your users by only loading the content in view. You can use Lazy in all vertical and horizontal scroll ways. It supports images in img / tags and backgrounds, supplied with CSS like background-image, by default. On those elements, Lazy can set a default image or a placeholder while loading and supports retina displays as well. But Lazy is even able to load any other content you want by plugins and custom loaders.

AR.js is a lightweight JavaScript library for delivering augmented reality experiences on the web. It supports image tracking, location-based AR, and marker-based interactions—all without requiring native applications or plugins. AR.js was among those great projects, with great technologies, often disruptive ones, that eventually were lacking from documentation and support. We tried to carry on the author's terrific work by maintaining this project, handling new versions, issues, pull...

HTML5 Demos and Examples is a classic collection of HTML5 experiments and demonstration files created to show the capabilities of modern web APIs and browser technologies during the rise of HTML5. The repository is an archive of interactive examples—ranging from canvas tricks to video, audio, drag-and-drop, WebSockets, and more—that illustrate how HTML, CSS, and JavaScript can combine to build rich, browser-centric experiences without plugins. Each demo is a self-contained piece of code you can open, explore, and learn from, and the collection was curated to help developers grasp emerging standards at a time when HTML5 was gaining traction and not yet ubiquitous. Though no longer actively maintained, the archive still contains hundreds of creative examples that can teach fundamentals and spur experimentation with web features. ...

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. All sizing and styling of items is handled by your own CSS. tem sizes can be set with percentages for responsive layouts. With the masonry layout mode, set percentage-width columnWidth with element sizing. Set percentPosition: true so item positions are likewise set...