Search Results for "responsive"
Sort By:
Showing 31 open source projects for "responsive"
View related business solutions-
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.
-
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
1
Nunflix
Nunflix is a frontend Netflix clone but Warrior Nun-ified
...The application typically includes a modern interface optimized for ease of use, with features such as content categorization, search functionality, and metadata display. It is built with web or mobile technologies that enable smooth playback and responsive navigation across devices. Nunflix emphasizes simplicity and accessibility, aiming to reduce friction in content discovery and viewing. The project also allows customization and modification due to its open-source nature, enabling developers to adapt it to different use cases. -
2
3D Website with Three.js
The most impressive websites in the world use 3D graphics
...Among its features are a customizable 3D hero section (e.g., a 3D model of a desktop), interactive skills and work sections with animations, a 3D earth model in the contact section, and responsive design so it works across devices. This repository is especially suitable for front-end developers who want to level up their portfolio, learn advanced web graphics (Three.js), and showcase creativity alongside technical acumen. -
3
Plyr
Simple HTML5, YouTube and Vimeo player
...Plyr is a simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports modern browsers. Accessible - full support for VTT captions and screen readers. Customizable - make the player look how you want with the markup you want. Responsive - works with any screen size. Monetization - make money from your videos. Streaming - support for hls.js, Shaka and dash.js streaming playback. API - toggle playback, volume, seeking, and more through a standardized API. Events - no messing around with Vimeo and YouTube APIs, all events are standardized across formats. Fullscreen - supports native fullscreen with fallback to "full window" modes. ... -
4
Pageres CLI
Capture website screenshots
Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images. -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
5
Spectacle
A ReactJS based Presentation Library
Spectacle is an open source presentation library based on React.js. It lets you create sleek presentations using JSX syntax, giving you the ability to live demo your code. Spectacle’s presentations are lively and interactive, with clickable elements, themes, custom backgrounds, animations, and many other fun and unique elements you can add to make your presentations pop. With Spectacle you can also live demo your code in real time without having to leave the presentation deck. Code blocks... -
6
Pokémon Cards CSS
Collection of advanced CSS styles to create realistic-looking effects
...It defines layouts, frames, typography, and image placeholders to mimic the look of real Pokémon trading cards, enabling users to create “virtual cards” with custom content. Because the design is built into CSS, cards respond to responsive constraints and adjust nicely across devices. The project supports common card types (basic, stage, trainer, etc.), and includes classes to manage energy symbols, attack boxes, and flavor text. Many community users combine it with JavaScript to dynamically generate cards from data (e.g. Pokédex entries or user input). It offers a playful, educational example of what you can achieve with modern CSS, especially in combining design fidelity with flexible markup. -
7
nivo
A rich set of dataviz components
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts. In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use. Given an array of data series having an id and a nested array of points (with x, y properties),... -
8
Music Library & Player
Easily access your music collection from any device, anywhere.
Music Library & Player utilizes PHP and vanilla javascript to deliver your web-accessible music library via HTML5 audio in a fully responsive and modern interface. The library does not require a database back-end. It parses the directory structure, best suited for a [ROOT]/[ARTIST]/[ALBUM]/[TRACKS] type of layout. This isn't required, but makes for the best user experience. Random playlists can also be generated. The code contained in this script has not been minified. -
9
Responsively Lazy
Lazy load responsive images
Lazy load responsive images. The best lazy loading implementation available. Handles responsive images. Truly lazy (absolutely no unnecessary requests) SEO-friendly (valid HTML). It supports WebP. The things to customize are the padding-bottom style and the values of the src and data-srcset attributes. If you don't know the image aspect ratio you can skip the div tag and move the responsively-lazy class to the img tag. -
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.
-
10
PhotoSwipe
JavaScript framework independent image gallery
PhotoSwipe is the first open-source gallery to support JavaScript-based image zooming. Even if a browser’s native zooming has been disabled, image zooming will still work. The gallery’s background will gradually fade out as the user zooms out. When the gesture is complete, the gallery will close. Gesture is added because close button in top right corner might be hard to reach on tall mobile devices while holding in one hand. Images can be changed even when current slide is zoomed. Swiping is... -
11
ORA-play
Modern desktop music player built with Electron for Windows.
ORA Play est un lecteur audio moderne conçu pour offrir une expérience simple, rapide et agréable. Fonctionnalités : - Lecture de fichiers audio locaux - Glisser-déposer (Drag & Drop) - Contrôles Play / Pause - Navigation entre les pistes - Gestion des playlists - Mini Player intégré - Interface moderne et intuitive Développé avec Electron, JavaScript, HTML et CSS. -
12
imgIX.js
Responsive images in the browser, simplified
imgix.js is a dependency-free JavaScript library for the browser that allows for easy integration of imgix into websites. imgix.js allows developers to easily generate responsive images using the srcset and sizes attributes, or the picture element. This lets you write a single image URL that is parsed and used to make images look great at any screen size, by using imgix to process and resize your images on the fly. imgix.js is designed to run in the browser, manipulating existing img elements on an HTML page. ... -
13
Frappe Charts
Simple, responsive, modern SVG Charts with zero dependencies
...That's why, data is the most important component for a chart. A chart can have multiple datasets. In an axis chart, every dataset is represented individually. Frappe Charts are responsive, as they rerender all the data in the current available container width. In order to set the bar width, instead of defining it and the space between the bars independently, we simply define the ratio of the space between bars to the bar width. The chart then adjusts the actual size proportional to the chart container. Line charts are great to show trends. ... -
14
blueimp Gallery
Touch-enabled, responsive and customizable image adn video gallery
blueimp Gallery is a touch-enabled, responsive image and video gallery library that doubles as a lightbox and carousel, designed to work smoothly on both desktop and mobile browsers. It provides a rich user experience with swipe gestures on touch devices, mouse and keyboard navigation on desktop, and a variety of transition effects between items. The gallery supports both images and videos out of the box, and can be extended to render custom content types, making it a flexible choice for media-heavy web apps and portfolios. ... -
15
xZoom
jQuery Zoom Gallery plugin
jQuery Zoom Gallery plugin. All needed features are turned on by default, with adaptive and responsive support. Please, read the manual to see all options. -
16
lazysizes
High performance and SEO friendly lazy loader for images
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration. It may become also your number one tool to integrate responsive images. It can automatically calculate the sizes attribute for your responsive images, it allows you to share media queries for your media attributes with your CSS, helping to separate layout (CSS) from content/structure (HTML) and it makes integrating responsive images into any environment really simple. ... -
17
Marzipano
A 360° media viewer for the modern web
Marzipano is a 360° media viewer designed for the modern web, allowing developers to display panoramic images and videos interactively with smooth performance and responsive controls. Built using HTML5, CSS3, and JavaScript, it supports multi-resolution tiling and optimized rendering to deliver efficient, high-quality experiences even with very large panoramas. The viewer can be easily embedded into web applications, offering controls for zooming, panning, and navigating between scenes. Developers can include Marzipano via direct script inclusion from the official website or as an npm dependency. ... -
18
Chartist.js
Simple responsive charts
You may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that were not included. Are you planning to use Chartist to create a nice Dashboard or Admin UI? Don't loose any time and kickstart your development using the awesome... -
19
React Photo Gallery
React Photo Gallery
React Photo Gallery is a responsive React component for displaying photos in an adaptive grid, optimized for dynamic layouts. -
20
Midia
Simple Media manager for your Laravel project
Simple media manager for your Laravel project. This package lets you open your files as inline modal. All directories in the folder will be ignored. In other words, can only read the file. -
21
juanff-repro
Reproductor de audios
***************************** # Basado en Music Library & Player (c) 2018 James Moats - jhmoats@willowlakestudio.com - www.thejamesmachine.com ***************************** -
22
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 license is required. Most commonly, MixItUp is applied to a "container" of "target" elements, which could be a portfolio of projects, a list of blog posts, a selection of products, or any kind of UI where filtering and/or sorting would be advantageous. ... -
23
SuperEmbed.js
Fluid width for YouTube, Vimeo, Vine, VideoPress, DailyMotion, etc.
SuperEmbed.js detects embedded videos from YouTube, Vimeo, Vine, VideoPress, DailyMotion, and more on webpages and makes them responsive. Essentially, this means they stretch to fill their container while still maintaining the content's original aspect ratio. I created SuperEmbed to fix all my issues with existing solutions, including (but not limited to) unnecessary reliance on other libraries, bloated code, and poor fallback support. -
24
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 source elements. ... -
25
lightGallery Desktop
A modern, electron and nodejs based image viewer for Mac, Windows
...You can create Windows installer only when running on Windows, the same is true for Linux and OSX. So to generate all three installers you need all three operating systems. lightSlider is a lightweight responsive Content slider with carousel thumbnails navigation.
