We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
response.js - Responsive design toolkit
Response's main feature is its breakpoint sets. They offer the ability to serve different content via breakpoint-based data attributes. They are best applied with a mobile-first approach. Devs can choose custom breakpoints to create exactly data attributes they need. By default none are setup. Sets are created either by calling Response.create(options) directly, or automatically via JSON stored in a body[data-responsejs]. The options can be a plain object or an array of them.
breakpoints rwd responsive breakpoint browsersplide - Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies
Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies. There are 3 ways to install the Splide on your site.
lightweight slider drag carousel vanilla-javascript swipe lazy-loading breakpoints autoplay splide slideshow touch responsiveDigger - Digger is a lightweight download framework that requires only one line of code to complete the file download task
Digger is a lightweight download framework that requires only one line of code to complete the file download task. Based on URLSession, pure Swift language implementation, support chain syntax call, real-time download progress, real-time download speed, breakpoint download.
download urlsession file breakpoints video large digger mp4 url iosmappy-breakpoints - Breakpoints with Maps in Sass
Here's a quick example. Say you a breakpoints map and you want to grab do a min-width query for small and max-width query for large. This will automatically create a media query plus convert it into em at the same time. It will also minus off 1px from the max-width query to ensure that your breakpoints don't overlap each other.
breakpoints sass sass-maps mapsflint - Flint is a powerful Sass grid framework designed for rapid responsive development.
Flint is a responsive grid framework written in Sass, created to allow developers to rapidly produce responsive layouts that are built on a sophisticated foundation. Most notably? The syntax. Being a designer myself, a large amount of time was spent on this aspect. Flint is very unique in the fact that it uses only a single mixin for all output: _(...).
grid-system grid-framework framework ui grid layout flint breakpoint breakpoints semantic responsive-web-designbreakdancer - A breakpoint tracking utility
Breakdancer is a small utility library that helps developing and using ergonomic breakpoints. Devices and sizes will always change, human ergonomics like palm, wrist, lap, desk, wall never will.Breakdancer is tested and works on both web and react-native platforms. Note that we don't specify react-native as a peer dependency in order to avoid dependency issues on pure web projects, so make sure you have react-native as a dependency.
breakpoints breakdancer breakpoint tracking break pointflex-layout-builds - Build snapshots for @angular/flex-layout
Angular Flex Layout provides a sophisticated layout API using Flexbox CSS + mediaQuery. This module provides Angular developers with component layout features using a custom Layout API, mediaQuery observables, and injected DOM flexbox-2016 CSS stylings.The Flex Layout engine intelligently automates the process of applying appropriate Flexbox CSS to browser view hierarchies. This automation also addresses many of the complexities and workarounds encountered with the traditional, manual, CSS-only application of box CSS.
angular flex-layout flexbox-css media-query breakpointsreact-breakpoints - A React component that sets breakpoints in the store based on viewport width, allowing you to load different components in different breakpoints
This library solves the problem that CSS media queries alone could not solve. Sometimes you want to create an application that looks a certain way on desktop and a certain way on mobile. Sometimes the components look too different for you to be able to just change the CSS, you have to make one component for desktop and another for mobile. This is bad, because the JavaScript for the hidden component is still running in the background even though you are not seeing it. This library solves that.
react-breakpoints responsive breakpoints breakpoint reactmq-sass - Sass library to manage responsive breakpoints and generate media queries
mq-sass is a Sass library to help you manage your responsive breakpoints and easily generate media queries. Also available as a Ruby gem to use within your Rails application—see below for more information.
breakpoints css sass scss media-query media-queries responsivebootstrap-breakpoints - Tiny script to easily check what the current bootstrap breakpoint is
Tiny script to enable easier checks for current responsive breakpoint. Assumes you are using bootstrap, but can potentially work with other custom breakpoints. Put the script somewhere in the html as you usually do. For now the script depends on jQuery and works in IE9+.
bootstrap breakpoint breakpoints responsive media queryactual - Determine actual CSS media query breakpoints via JavaScript
Determine actual CSS media query breakpoints via JavaScript
media-queries media-query breakpoints breakpoint responsive matchmedia @media media viewport resolution dimensions browser enderjs-breakpoints - Library that uses CSS media queries to trigger breakpoints in Javascript
Small library that syncs CSS media queries to breakpoint events in JavaScript. Helpful to change JavaScript logic for different screen sizes, resolutions or other media query features. The main benefit is that you only need to maintain your media queries in one place - in the CSS where they belong.
sass less breakpoints media queries responsiveatom-gdb - Atom plugin to set gdb breakpoints in
Sets breakpoints in .gdbinit file and starts your favorite debugger. The ~/.gdbinit file must have add-auto-load-safe-path / to allow .gdbinit files in any directory.
atom gdb gdbinit breakpoints debugvue-not-visible - Vue directive for conditional rendering element on screen smaller than breakpoints
Vue directive for conditional rendering (like v-if) element on screen smaller than breakpoints;
vue vuejs directives vue-directive vue2 breakpoints responsive screen mobile helpers uireact-socks - 🧦 React library to render components only on specific viewports 🔥
Wrap your components with React Socks to prevent unnecessary render in different viewports. Conventionally we have been writing css media queries for different viewports to hide and show elements that are always present in the DOM. With React taking over the world, everything is about rendering components into the DOM. React Socks helps you conditionally render elements based on viewports.
breakpoints media-queries viewport react library render breakpoint responsive media query react-package component socksmediaquery - Turns human readable breakpoints into correct mediaqueries
Turns human readable breakpoints into correct mediaqueries. This is particularly useful when working with window.matchMedia or when you work with CSS dinamically using JavaScript.
mediaqueries breakpoint mediaquery responsive breakpoints step media cssvue-mq - 📱 💻 Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue
Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue. After installing the plugin every instance of Vue component is given access to a reactive $mq property. Its value will be a String which is the current breakpoint.
vuejs vuejs2 media mediaqueries viewport breakpointsmq-scss - Extremely powerful Sass media query mixin
An extremely powerful but easy to use Sass media query mixin that allows you to create almost any media query you can imagine. This media query mixin is a powerful tool that lets you easily create far more complex media queries than you would have ever attempted to do with plain css. It also makes your code far easier to maintain through it's ability to take simple media query variables.
mixins media-queries responsive breakpoints scss-mixins scss sass media query mixin mq-scss breakpoint aspect-ratio device-ratio mq-variable ratio cssvue-breakpoints - 🍬 🙈 Vue.js utility component to show and hide components based on breakpoints
but they can be overwritten if you pass an object to the breakpoints prop. Details changes for each release are documented in the CHANGELOG.md.
vue vuejs responsive breakpoints utility component mobile helpersbreaking-point - BREAKING-POINT lets you quickly define and subscribe to screen (i
BREAKING-POINT lets you quickly define and subscribe to screen breakpoints in your re-frame application. Add the following to the :dependencies vector in your project.clj file.
reagent re-frame clojurescript react breakpoint breakpoints responsive responsive-design
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.
