Search Results for "responsive" - Page 3
Sort By:
Showing 114 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.
-
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.
-
1
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),... -
2
ScrollMagic
The javascript library for magical scroll interactions
ScrollMagic helps you to easily react to the user's current scroll position. ScrollMagic is a complete rewrite of its predecessor Superscrollorama by John Polacek. A plugin-based architecture offers easy customizability and extendability. Animate based on scroll position, pin an element starting at a specific scroll position, toggle CSS classes of elements on and off based on scroll position, effortlessly add parallax effects to your website, create an infinitely scrolling page, add... -
3
Metro 4
Impressive component library for expressive web development
...You can get Metro 4 from NPM, Nuget, GitHub, and GitLab. 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. -
4
Nebular
Customizable Angular UI Library based on Eva Design System
...A straightforward way to integrate your brand. Choose from 40+ ready-to-use Angular UI components with no 3rd party dependencies. Benefit from an easier and faster way of building a visually appealing and responsive UI for apps. -
Gemini 3 and 200+ AI Models on One PlatformBuild, govern, and optimize agents and models with Gemini Enterprise Agent Platform.
-
5
VenoBox
Responsive jQuery lightbox plugin
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). -
6
NativeUI
The most crossbrowser web UI library that uses native browser elements
NativeUI is a CSS and JavaScript library that adheres to the KISS principle and focuses on utilizing standard features provided by browsers, which are most optimized for each specific platform, and therefore provide the best performance and user experience. The library ensures cross-browser behavior and styling of built-in browser elements of user interface and text formatting, adding commonly used user interface elements such as modal windows, image viewer, menus, tabs, form messages, etc.... -
7
Basic Table
Basic Table jQuery or Vanilla JS plugin for simple responsive tables
A simple lightweight jQuery or Vanilla JS responsive table library. A library to set up tables for a basic responsive table structure. This is to assist in those situations where the users don't necessarily have access or capacity to modify HTML such as input from a WYSIWYG. -
8
Base Web React Components
A React Component library implementing the Base design language
Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base. On npm, you can find Base Web as baseui. Add baseui and its peer dependencies to your project. Both Base Web and Styletron come with flow types and TypeScript. All our components are typed and examples have Vanilla, Flow and TypeScript versions. For Styletron + TS, you need to add some additional packages. -
9
skhd
Simple hotkey daemon for macOS
skhd is a simple and efficient hotkey daemon for macOS that allows users to define custom keyboard shortcuts to control system behavior and automate workflows. It operates as a background service that listens for key combinations and executes commands or scripts based on user-defined configurations. The tool is particularly popular among power users who want to customize their macOS experience beyond default system limitations. It uses a plain-text configuration file, making it easy to... -
Secure File Transfer for Windows with Cerberus by RedwoodCerberus supports unlimited users and connections on a single IP, with built-in encryption, 2FA, and a browser-based web client — all deployable in under 15 minutes with a 25-day free trial.
-
10
jquery.floatThead
Doesn't need any custom css/html. Does what position:sticky can't
...No changes to your HTML/CSS are required, it just works. Supports floating the header while scrolling within the window or while scrolling within a container with overflow. Supports responsive tables. -
11
CSS Refresher Notes
Refresher of CSS concepts
...The content spans foundational topics like positioning, display types, selectors, layout techniques, and box model intricacies, to more modern CSS capabilities such as media queries, responsive design principles, transitions, animations, and scalable vector graphics integration. Each section includes clear explanations, code snippets, and insights into common pitfalls, making it especially useful when brushing up on specific CSS mechanisms that are often misunderstood in real-world styling challenges. Because the notes were compiled from a variety of articles and community contributions, they reflect real developer concerns and practical examples, offering perspective on both legacy behavior and modern CSS3 features. -
12
Sailboat UI
Sailboat UI is a modern UI component library for Tailwind CSS
...It supports responsive design out of the box, ensuring that interfaces adapt seamlessly across different screen sizes and devices. Sailboat UI is particularly useful for rapid prototyping and building lightweight applications where speed and flexibility are important. Its components are designed to be easily copied and modified, aligning with modern development workflows that prioritize developer control. -
13
Lullaby
A collection of C++ libraries designed to help teams
...It integrates seamlessly with existing Android applications through a Java-based API and supports popular VR platforms such as Google Cardboard and Daydream. Originally used across multiple Google VR products, Lullaby serves as a foundation for building interactive worlds, responsive UIs, and dynamic simulations within immersive environments. -
14
Golden Layout
A multi window layout manager for webapps
Golden Layout is a JavaScript layout manager designed for building complex, multi-panel web applications with draggable and resizable components. It enables developers to arrange UI elements into flexible layouts that can be dynamically reconfigured by users through drag-and-drop interactions. The system is particularly useful for dashboards, IDE-like interfaces, and data-heavy applications where multiple panels need to coexist and be rearranged. Golden Layout manages component positioning,... -
15
zircle UI
zircle-ui is a frontend library to develop zoomable user interfaces.
A frontend library to develop zoomable user interfaces. Enjoy a different UI/UX with the built-in zoomable navigation - ZUI/UX. Breaking away from the conventional UI with a circular UI Kit and customizable themes and styles. Zircle-ui works pretty well on mobile devices and big screens. Aren't the integrated color themes enough? No problem, it is easy to create new ones. Using Vue-router? Let zircle-ui handles the routes for you. You can try zircle-ui to develop a wide range of... -
16
Angular Performance Checklist
Cheatsheet for developing lightning fast progressive Angular apps
...It outlines actionable recommendations — from bundling and minification, tree-shaking, lazy loading, ahead-of-time (AoT) compilation, resource prefetching, caching and compression, to runtime strategies like change-detection optimization (OnPush, detaching change detectors), minimizing DOM operations, optimizing templates, using pure pipes, minimizing watchers, and more. The checklist is designed to be framework-agnostic in many parts, but especially valuable for Angular developers wanting to build responsive, fast-loading, efficient single-page applications. -
17
iziModal
Elegant, responsive, flexible and lightweight modal plugin with jQuery
Elegant, responsive, flexible and lightweight modal plugin with jQuery. All modern browsers are supported (Tested in Chrome, Firefox, Opera, Safari, IE9+ and Edge). -
18
DataTables
Tables plug-in for jQuery
...Developers can customize its behavior through an extensive API, adding export buttons, column visibility toggles, custom filters, and integration with remote data sources via Ajax. The plugin is modular, with a core that provides essentials and a wide range of extensions that cover advanced functionality like fixed headers, responsive layouts, and inline editing. Styling can be adapted to frameworks like Bootstrap or Foundation, making it blend seamlessly into modern UIs. Because it handles large datasets efficiently, DataTables has become a go-to component for dashboards, reporting tools, and admin interfaces. -
19
Differ
Swift library to generate differences and patches between collections
...Wherever you have code that propagates added/removed/moved callbacks from your model to your user interface, you should consider using a library that can calculate differences. Animating small batches of changes is usually going to be faster and provide a more responsive experience than reloading all of your data. Calculating and acting on differences should also aid you in making a clear separation between data and user interface, and hopefully provide a more declarative approach: your model performs state transition, then your UI code performs appropriate actions based on the calculated differences to that state. -
20
react-pxq
Implement modern front-end architecture with idiomatic React patterns
...Routing is used to separate feature areas, while shared UI primitives keep styling and behavior consistent across screens. The code emphasizes ES6+ conventions, async flows, and clean separation of concerns to keep maintenance approachable. It also spotlights responsive layout techniques and interaction states that make the app feel polished on mobile and desktop. For learners transitioning from tutorials to full apps, this repo offers a practical, readable example of a React project that’s structured for growth. -
21
vue2-happyfri
Learning-oriented app that recreates a mobile food-ordering experience
vue2-happyfri is a learning-oriented Vue 2 application that recreates a mobile food-ordering experience to demonstrate how to structure a real-world single-page app. It shows how to compose UI from reusable components, wire up routing between views, and manage shared state for carts, users, and menus. The project emphasizes responsive, touch-friendly interactions and small polish details—like transitions, toasts, and loading states—that make the app feel production-ready. It includes examples of fetching and normalizing data, handling asynchronous flows, and keeping UI reactive to server responses. Developers can study folder structure, component boundaries, and patterns for passing data and events cleanly through the tree. ... -
22
Advanced CSS Course
Starter files, final projects and FAQ for my Advanced CSS course
...It contains starter files and finished project files for the projects taught throughout the course, giving learners a structured way to code along and compare their work with the completed versions. The repository focuses on modern CSS techniques such as Sass, responsive layouts, animations, Flexbox, CSS Grid, and reusable design patterns. It also includes downloadable course slides, making it easier to follow the theory portions alongside the hands-on projects. The code is meant for learning rather than production reuse, but it provides clear examples of how advanced CSS concepts are applied in real interfaces. ... -
23
BizCharts
Powerful data visualization library based on G2 and React
...After years of accumulation and continuous polishing, BizCharts 4.0 has been newly upgraded; in addition to having a flexible graphics syntax, it has added an interactive syntax and a better animation experience. At the same time, it enhances the React coding ability, and the writing is freer. The built-in encapsulation of responsive chart g2-plot works out of the box and complements the atomic capabilities of BizCharts to keep moving forward on the visual path of flexibility and ease of use. -
24
HTML CSS Course
Starter files, final projects, and FAQ for my HTML + CSS course
HTML CSS Course is the official repository for Jonas Schmedtmann’s Build Responsive Real-World Websites with HTML and CSS course. It contains starter files and final code for the sections and projects included in the course. The repository helps beginners practice semantic HTML, modern CSS, layout systems, responsive design, and real-world website construction. Students can begin with provided starter assets, follow the course lessons, and compare their results against the completed code when troubleshooting. ... -
25
Solved by Flexbox
A showcase of problems once hard or impossible to solve with CSS
Solved by Flexbox is a collection of layout patterns that demonstrates how CSS Flexbox elegantly resolves classic web design problems. It tackles everyday challenges—vertical centering, equal-height columns, sticky footers, fluid media, and responsive grids—showing concise, production-ready CSS instead of elaborate hacks. Each pattern is presented with plain HTML, clear commentary, and minimal styling, making the underlying technique easy to adapt and extend. The project emphasizes progressive enhancement and calls out where fallbacks or browser caveats may apply, reflecting the realities of shipping layouts on the web. ...
