Search Results for "responsive"
Sort By:
Showing 31 open source projects for "responsive"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
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.
-
1
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. -
2
NPainter
Fast and simple digital painting software
NPainter is a fast and simple digital painting software, currently a work in progress, aiming to provide essential painting tools for artists. -
3
Piwigo
Manage your photos with Piwigo
Piwigo is an open-source photo gallery application designed to manage large collections of images. It is suitable for personal photo libraries as well as professional image hosting. Piwigo offers features like album organization, batch uploading, and metadata management. It supports user and group management, making it ideal for both individual and collaborative photo management. -
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. -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
5
Oil Motion
Create smooth, responsive interactive web animations
Oil Motion is an agent-agnostic skill for creating smooth interactive animations for websites and digital interfaces. Users describe the desired movement, available assets, and the interaction that should control it while the agent manages the production workflow. The system defines key states, generates continuous motion between them, reviews frames, removes artifacts, and prepares optimized assets. Animation progress can then be mapped to scrolling, mouse movement, dragging, touch input,... -
6
Kavita
Kavita is a fast, feature rich, cross platform reading server
...Quickly resume your reading from your homepage, and get to your reading lists and collections. Serve up Manga/Webtoons/Comics (cbr, cbz, zip/rar, 7zip, raw images) and Books (epub, pdf). First-class responsive readers that work great on any device (phone, tablet, desktop). Dark mode and customizable theming support. Provide hooks into metadata providers to fetch metadata for Comics, Manga, and Books. Metadata should allow for collections, want-to-read integration from 3rd party services, genres. Ability to manage users, access, and ratings. -
7
vinext-starter
An interactive 3D human anatomy explorer built using threejs
...Additional activities include guided lessons, quick quizzes, function animations, microscopic views, and organ comparisons. The interface prefetches models and image assets to make switching between specimens feel responsive. The application is built with React, Three.js-based rendering, GSAP interface animation, and a modern full-stack web starter with optional Cloudflare services. -
8
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... -
9
ImAnim
Animation Engine for Dear ImGui
ImAnim is a lightweight animation engine that brings modern motion capabilities to applications built with the Dear ImGui immediate-mode GUI framework. It lets developers add rich, smooth animations to user interface elements with minimal boilerplate, matching the responsive nature of ImGui without introducing heavy external dependencies. Support for a wide range of easing functions, tweens, and keyframe clips gives fine-grained control over value transitions like position, scale, opacity, and color. Because it is built to complement ImGui’s design, ImAnim integrates naturally into existing render loops and retains the performance and simplicity that make ImGui popular for tools and development UIs. ... -
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
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. -
11
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),... -
12
pageres
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. Note to Linux users, If you get a "No usable sandbox!" error, you need to enable system sandboxing. For Gulp and Broccoli, just use the API directly. No need for a wrapper plugin. pageres offers a wide variety of options, for example, you can Delay capturing the screenshot, which is useful when the site does things after load that you want to capture. ... -
13
Color Picker For Contact Form 7
You may create a color picker Field Contact Form 7.
...Advantages of a Color Picker Brand Consistency: For businesses and individuals, maintaining brand consistency across all touchpoints is crucial. Visual Appeal: Human beings are highly responsive to visual stimuli. A well-designed form with pleasing colors is likely to capture users' attention and make them more inclined to interact with it. Personalization: Allowing users to choose their preferred colors gives them a sense of ownership over the form. Accessibility: Color is not just about aesthetics; it also has implications for accessibility. ... -
14
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. ... -
15
novaGallery
novaGallery - Beautiful & modern PHP Image Gallery
novaGallery is a free, simple & beautiful PHP image gallery that works right out of the box and looks beautiful. Modern, mobile-friendly responsive design, uncomplicated management for your images and beautiful presentation in the web. It's very easy to set up and does not require a database (flat file). Automatic thumbnails are generated and for fast performance novaGallery has a simple but effective caching mechanism. Images can be managed in sub-albums for optimal sorting. -
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
PHP Auto PhotoSwipe Gallery
PHP Auto PhotoSwipe Gallery is an automatic gallery on a single file.
PHP Auto PhotoSwipe Gallery is a completely automatic and responsive image gallery on a single file. Just upload the images, it will resize them and create all thumbnails. You can also configure password protection with a shareable link. https://github.com/dulldusk/php-auto-photoswipe-gallery -
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
Wraith
A responsive screenshot comparison tool
Wraith is a screenshot comparison tool, created by developers at BBC News. Wraith uses a headless browser to create screenshots of webpages on different environments (or at different moments in time) and then creates a diff of the two images; the affected areas are highlighted in blue. There are two main modes for using Wraith, 'capture' mode and 'history' mode. Wraith has some built-in JavaScript and configuration file templates for you to get started with right away. If you wish to take... -
21
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. ... -
22
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. -
23
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. ... -
24
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. -
25
CSS Loaders
A collection of loading spinners animated with CSS
...The project offers a variety of designs—spinning circles, bouncing dots, bars, and pulse animations—that can be applied to any element with a few classes. Each loader is built using CSS keyframes and transforms, avoiding images or JavaScript, which keeps them lightweight and responsive. Because they are pure CSS, they scale cleanly at different sizes and can be styled easily with color or shadow overrides. Developers can copy snippets directly into their projects without needing to install heavy dependencies. These loaders are widely used in web apps and prototypes to communicate background activity or waiting states to users in a visually pleasing way.
