breakpoints

There are 2 repositories under breakpoints topic.

• Splidejs / splide

  Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

  autoplaybreakpointscarouseldraggalleryjavascriptlazy-loadinglightweightreactslidersvelteswipetypescriptvue
  Language:TypeScript 4915

• ryanve / response.js

  Responsive design toolkit

  javascriptbreakpointsrwd
  Language:JavaScript 800

• mg901 / styled-breakpoints

  Simple and powerful breakpoints for styled components and emotion.

  styled-componentsbreakpointsbreakpointmedia-queriescss-in-jscss-in-reactmediareactemotiontypescriptpreactmedia-querystyled-media-queryresponsive-designresponsive-layout
  Language:JavaScript 554

• cornerAnt / Digger

  Digger is a lightweight download framework that requires only one line of code to complete the file download task

  breakpointsdiggerdownloadfileioslargemp4swifturlurlsessionvideo
  Language:Swift 547

• AlexandreBonaventure / vue-mq

  📱 💻 Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue.

  vuejsvuejs2mediamediaqueriesviewportbreakpoints
  Language:JavaScript 537

• flexdinesh / react-socks

  🎉 React library to render components only on specific viewports 🔥

  breakpointslibrarymedia-queriesreactviewport
  Language:JavaScript 426

• lolmaus / breakpoint-slicer

  Slice media queries with ease

  breakpointbreakpoint-slicerbreakpointsmedia-queriesmedia-queryresponsive-designresponsive-web-designsasssass-mixinsscssscss-mixins
  Language:SCSS 346

• jameslnewell / styled-components-breakpoint

  Utility function for using breakpoints with styled-components 💅.

  breakpointbreakpointsmediareactstyled-components
  Language:JavaScript 243

• chrisgrieser / nvim-recorder

  Enhance the usage of macros in Neovim.

  breakpointsmacrosnvim-luanvim-plugin
  Language:Lua 237

• apertureless / vue-breakpoints

  🍬 🙈 Vue.js utility component to show and hide components based on breakpoints

  breakpointscomponentresponsiveutilityvuevuejs
  Language:JavaScript 194

• Dan503 / mq-scss

  Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.

  mixinsmedia-queriesresponsivebreakpointsscss-mixinsscsssassmediaquerymixinmq-scssbreakpointaspect-ratiodevice-ratiomq-variableratio
  Language:CSS 125

• thecreation / breakpoints-js

  Awesome Breakpoints in JavaScript. (bootstrap supported)

  breakpointsjavascriptresponsive
  Language:JavaScript 77

• dvpnt / styled-media-helper

  :nail_care: Helps manage media queries with styled components

  styled-componentsmedia-queriescssbreakpointbreakpointscss-in-jscssinjscss-in-reactmediamedia-query
  Language:JavaScript 76
• react-breakpoints

  envato / react-breakpoints

  Respond to changes in a DOM element's size. With React Breakpoints, element queries are no longer "web design's unicorn" 🦄

  resize-observerelement-queriesmedia-queriesreactreact-hookshooksperformancebreakpoints
  Language:TypeScript 71

• willyelm / xatom-debug

  A Simple Debugger Provider for Atom

  atombreakpointsdebugbardebuggerdebugging-toolgoogle-chromejavascriptnodejs
  Language:TypeScript 71

• renatorib / react-bps

  :trident: Create breakpoints to your component props

  reactreactjsresponsivebpsbreakpointspropshigher-order-componenthocreact-component
  Language:JavaScript 63

• zeixcom / Anzeixer

  Toolkit to Streamline View Definitions for Responsive Web Design

  responsivebreakpointsjavascriptcustomeventcss
  Language:JavaScript 60

• kodingdotninja / use-tailwind-breakpoint

  Custom hooks to use breakpoints for React 🎐🔨

  reacttailwindtailwindcssbreakpointbreakpointsuse-breakpointuse-breakpoints
  Language:TypeScript 58

• kristofdombi / react-with-breakpoints

  🍬 🙈 a set of utility components for altering the user experience between breakpoints

  airbnbbreakpointses6-javascripthigher-order-componentreactutility-function
  Language:TypeScript 56

• ryanve / actual

  Determine actual CSS media query breakpoints via JavaScript

  javascriptmedia-queriesmedia-querybreakpoints
  Language:JavaScript 54

• komlev / tiny-use-media

  Small (0.5 Kb) react hook for getting media breakpoints state info in runtime

  breakpointshooksmediausemedia
  Language:JavaScript 53
• Fluid-Size

  black7375 / Fluid-Size

  :triangular_ruler::iphone::computer::desktop_computer: A method of fluidly resizing in various devices based on visual angle. (with SASS) :revolving_hearts: :eyes:

  sassscssdesignbreakpointbreakpointsresponsivemedia-queries
  Language:SCSS 40

• gadfly361 / breaking-point

  BREAKING-POINT lets you quickly define and subscribe to screen (i.e. window) breakpoints in your re-frame application

  reagentre-frameclojurescriptreactbreakpointbreakpointsresponsiveresponsive-design
  Language:Clojure 39

• foxhound87 / mobx-react-matchmedia

  A React HOC with mediaqueries for responsive layout

  mobxreactmediaqueriesresponsivebreakpoints
  Language:JavaScript 31

• adrianboston / srcset.sh

  A command line script that generates multiple responsive versions of an image at width breakpoints -- 320,480,640,768,960,1024,1280,1440 pixels wide -- that match common Mobile and widescreen desktop/laptop viewports using Imagemagick's convert utility and outputs the needed <img/> tag

  html5imagemagickshell-scriptsrcsetresponsive-imagesjpeglegacy-browserscompressioncompression-qualityhtmlconvertsunix-shellpsd-to-htmlpsd-jpgphotoshopbreakpoints
  Language:Shell 23

• Johann-S / bs-breakpoints

  A plugin which detect Bootstrap 5 breakpoints and emit when there is a change

  bootstrapbootstrap-5bootstrap5breakpointbreakpoint-detectionbreakpointsbreakpoints-pluginvanilla-javascriptvanilla-jsvanillajs
  Language:TypeScript 23
• transfer-elements

  SineYlo / transfer-elements

  Pure JS Library | Dynamic transfer of elements from one place to another at breakpoints.

  adaptivebreakpointsdom-manipulationjavascript-librarylightweightno-dependenciesperformancevanilla-javascriptresponsivepure-javascript
  Language:JavaScript 23
• react-responsive

  bloczjs / react-responsive

  🔍 <Only /> displays some contents for particular screen sizes

  reactjavascriptmedia-queriesbreakpointsdisplayresponsive
  Language:TypeScript 22

• ExpressionAnalysis / STAR-SEQR

  RNA Fusion Detection and Quantification

  breakpointsfusionngsrnarna-seqsequencing
  Language:Python 17

• GabLeRoux / rails-docker-compose-rubymine-example

  🔴 Rails example project running on docker-compose with breakpoints in tests

  dockerdocker-composeruby-on-railsrubyminebreakpointsdocumentation
  Language:Ruby 16

• kuletw / urbrowser

  偵測使用者的平台、系統以及瀏覽器

  csscss-hackcookiechromefirefoxedgesoperadesktoplocalstorageandroidtabletmobilebrowserbreakpoints
  13

• exiguus / js.device.selector

  ES6 class and jQuery Plugin to get the current Device Type and Display Type of a Browser while making CSS Breakpoints available in JavaScript.

  breakpointscss-breakpointdevicedisplayecmascriptes6es6-classeses6-modulesjqueryjquery-pluginmedia-queriesmedia-querymediaqueriesmediaquerypluginselector
  Language:HTML 11

• gogoprog / atom-gdb

  Atom plugin to set gdb breakpoints in .gdbinit file and run an external debugger as QtCreator or ddd

  atomgdbgdbinitbreakpointsdebug
  Language:JavaScript 10

• sass-collective / sass-collective

  Sass Collection of mixins & functions. Easily convert pixel to rem or em, create dynamic CSS custom property, add breakpoints, change text direction, strip unit from any value and more!

  sassdirectionstrip-unitpropertymodule-systembreakpointbreakpointsmodernsass-frameworkcustompropertiesrememmixinsfunctionsrtlltrscssgridcss
  Language:SCSS 10

• vxsx / bootstrap-breakpoints

  Tiny script to easily check what the current bootstrap breakpoint is

  bootstrapjavascriptbreakpointbreakpoints
  Language:JavaScript 10

• omar-dulaimi / breakpoint-bookmarks

  A vsCode extension that lets you bookmark all your different breakpoints into separate files, and activate them as needed

  bookmarksbreakpointsvscodevscode-extension
  Language:TypeScript 9