Projects sharing features with FitVids.js

JavaScript plugin for playing sounds and music in browsers

▶️ Streams a list of tracks from Youtube, Soundcloud, Vimeo...

A widget that allows users to take their avatar pictures on your site

Prettier embeds for your YouTubes - with nice options like high-res preview images, advanced customization of embed options, and optional FitVids support.

The HTML5 video player for the web

Rule YouTube, Soundcloud and Vimeo player with one API

SoundJS is a JavaScript audio library and asset manager designed to load and play audio across different browsers using a consistent API. It serves as a wrapper that abstracts the Web Audio API and HTML5 Audio to provide a cross-platform playback system. The project ensures consistent sound across devices by supporting Web Audio, HTML5, and mobile plugins. It includes specific mechanisms for mobile environments, such as unlocking audio playback on iOS via user-initiated touch events and managing playback continuity during screen locks. The library covers asset management through the registra

Video.js is a customizable HTML5 video player framework and JavaScript media plugin system. It provides a foundation for rendering and controlling web video playback across different devices and screen sizes, supporting both standard HTML5 integration and adaptive bitrate streaming for live or on-demand content. The project is distinguished by a modular architecture that allows for the extension of playback functionality through a class-based plugin system and middleware-based method interception. This enables the development of tailored media interfaces and the integration of specialized beh

:musical_score: ts-audio is an agnostic library that makes it easy to work with AudioContext and create audio playlists in the browser

MediaElement is a JavaScript library that wraps native HTML5 audio and video elements to provide a unified media interface and a customizable player framework. It acts as a multi-format media controller and a web-based plugin framework, normalizing playback controls and visual styles to ensure a consistent experience across different web browsers. The project distinguishes itself through a plugin-based playback system that maps specific MIME types to custom renderers, allowing the integration of third-party media embeds and external playback engines. It supports advanced delivery features inc

This project is a plugin framework for the Draft.js rich text editor, providing a system to add custom behaviors, decorators, and keyboard shortcuts. It functions as a toolkit for extending the editor with advanced formatting and interactive elements, while also providing a React UI component library for managing toolbars and popups. The framework is distinguished by its specialized support for social mention systems, enabling the detection and formatting of hashtags and user mentions as interactive entities via autocomplete triggers. It also includes a comprehensive suite of rich media exten

FlexSlider is a responsive jQuery carousel plugin used to create sliding galleries and content sliders. It provides a system for displaying multi-slide carousels that automatically adjust their size based on screen resolution and supports right-to-left language directions by adjusting animation flow and orientation. The plugin allows for the synchronization of multiple slider instances, ensuring that playback, animation, and state transitions occur simultaneously across different elements on a page. It also supports custom markup mapping, allowing internal logic to be linked to arbitrary HTML

This project is a jQuery plugin and suite of browser-based tools designed for asynchronous form submission, data serialization, and client-side input management. It functions as a client-side form manager that allows the transmission of form data and files to a server in the background without triggering page reloads. The library provides specialized utilities for converting form field values into URL-encoded strings for network transmission and intercepting submissions to execute custom logic or cancel the process via callbacks. It also includes capabilities for monitoring the real-time prog

This project is a Bootstrap jQuery plugin that transforms standard HTML select elements into interactive dropdown menus. It serves as a client-side form enhancement and UI component designed to replace multiple-choice select inputs with a searchable button-triggered menu of checkboxes. The component provides a specialized interface for multi-select dropdowns that maintains a consistent visual style with the Bootstrap CSS framework. It allows for the customization of component markup, enabling the override of default structures for buttons, popups, and options. The plugin covers a range of fu

FitText.js is a jQuery plugin that scales headline text proportionally to its parent container's width, enabling fluid, responsive typography. It functions as a fluid headline text resizer and responsive typography tool, inflating web type by resizing text based on container dimensions with configurable compression. The plugin distinguishes itself through precise control over the scaling behavior. It includes a compressor factor for tuning how aggressively text size responds to container width changes, and provides min-max clamping to enforce lower and upper pixel bounds on the computed font

OwlCarousel2 is a touch-enabled jQuery plugin used to create responsive content sliders and carousels. It allows for the creation of image sliders and content collections that adjust the number of visible items based on screen size breakpoints. The project utilizes a modular architecture, enabling the addition or removal of specific functional modules to modify behavior and reduce the final JavaScript bundle size. It provides native support for navigation through touch-screen swiping and mouse-based dragging.

Colorbox is a jQuery-based lightbox plugin and modal overlay library used to display images, HTML, and external content within a centered window. It functions as a customizable UI component and an AJAX content loader capable of fetching remote data via GET or POST requests. The library distinguishes itself through its ability to group multiple media items into a sequential image gallery slideshow. It includes a state-based sequencing system that provides previous and next navigation controls to cycle through these collections. The tool covers a broad range of rendering and management capabil

This library is a client-side tool designed to transform static date strings into automatically updating, human-readable relative time labels within web interfaces. It functions as a plugin that scans the document for specific elements and converts their content into dynamic expressions, such as minutes or hours ago, to provide context for recent activity. The system distinguishes itself by decoupling display logic from JavaScript through attribute-driven configuration, allowing settings and date values to be managed directly within HTML. It maintains accuracy by employing interval-based poll

This project provides a Ruby on Rails plugin that integrates real-time, database-backed search suggestions into web forms. It functions as a server-side search engine that queries database records based on user input and returns results in a standardized format for display in the browser. The library distinguishes itself by extending standard Rails form builders, allowing developers to inject autocomplete functionality directly into existing form workflows. It bridges the gap between backend data stores and the jQuery UI autocomplete widget, managing the routing of search requests, the serial

Gridster.js is a jQuery plugin that turns page elements into a draggable, resizable grid layout. It provides a framework for building interactive dashboards and interfaces where widgets snap to a multi-column grid and can be repositioned by dragging, with automatic layout reflow when items are added, removed, or resized. The plugin handles mouse and touch events through a drag-and-drop manager, calculates widget overlap with a collision detection engine, and positions items using CSS transforms for smoother animations. It maintains an internal registry of all grid items with their coordinates

This project is a jQuery plugin that provides HTML5 placeholder emulation for input and textarea fields. It functions as a compatibility library to ensure consistent placeholder behavior across different web browsers, specifically those that do not natively support the HTML5 placeholder attribute. The utility extends the functionality of DOM input fields by modifying how form elements display hint text before a user provides input. It integrates as a browser compatibility layer to provide legacy browser support for modern HTML5 form features. The implementation covers browser feature detecti

This is a jQuery plugin that extracts the dominant color from an image or CSS background image and applies it as a background color on a target element. It uses canvas-based pixel analysis with an RGB quantization algorithm to identify the most prominent color, then injects that color as an inline CSS background-color style. The plugin automatically normalizes text contrast by calculating the relative luminance of the extracted color and toggling between dark and light text to maintain readability. It includes an image preloading pipeline to ensure pixel data is available synchronously from t

Flot is an interactive charting library for jQuery that renders line, bar, pie, and time-series plots with zooming and panning. It provides interactive plots for engineering and scientific data with customizable axes, scales, and series styles, and supports real-time data updates. The library is built as a jQuery plugin with a canvas-based rendering pipeline and a plugin extension system that allows third-party code to add new chart types, interactions, and data transformations. The library distinguishes itself through a broad range of specialized chart types, including candlestick, bubble, r

vue-video-player is a wrapper component used to integrate a customizable video playback interface into Vue and React applications using the Video.js framework. It provides a standardized system for embedding video players into a reactive UI layer. The project handles the configuration of video appearance, including the management of poster images, aspect ratios, and responsive fluid layouts to adapt to various screen sizes. It provides mechanisms for managing playback properties such as volume, rate, autoplay, and mute states. The system includes tools for monitoring playback milestones and

Bootstrap-switch is a jQuery plugin that transforms standard HTML checkboxes and radio buttons into visual toggle switches. It serves as a form input switch that provides a sliding toggle interaction as a replacement for traditional binary input elements. This component is designed specifically for Bootstrap interfaces, allowing for the customization of web pages that follow the Bootstrap CSS framework design system. It enhances web forms by converting basic input elements into interactive switches to improve the visual clarity of binary settings and preferences.

jQuery Knob is a rotatable dial UI widget for web pages that translates circular drag movements into numerical values. It is a touch-enabled input component rendered via the HTML5 canvas API, providing a graphical interface for numerical data entry through the jQuery library. The component is highly customizable, allowing for adjustments to colors, fonts, rotation constraints, and arc dimensions. It supports a variety of interaction methods, including mouse, mousewheel, keyboard, and touch events. The widget includes systems for managing input constraints such as minimum and maximum values a

This library is a JavaScript plugin that enhances standard text input fields with real-time, predictive search suggestions. It functions as a reusable interface component that monitors user input to display dynamic dropdown menus, allowing for the selection of data from either local arrays or remote server endpoints. The plugin distinguishes itself through its ability to manage asynchronous data retrieval, utilizing request orchestration and debouncing to optimize network traffic. It provides granular control over the suggestion lifecycle and rendering, allowing developers to define custom HT