Code
Snippet
/ 

Hide/Show Based on Breakpoints and Count of Items

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
Hide/Show Based on Breakpoints and Count of Items

Control visibility of an element based on the count of specific items at different window sizes.

​

Example use case below is to hide nav buttons in a custom card slider(below) if the number of cards is less than or equal to the number of items current, and is adjusted at each break point (1024, 768)

Tags

Javascript
Hide/Show
Responsive

Industries

Creators

Corey Moen

Share this item

Twitter
Facebook
LinkedIn

Related items

Load more

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
3.26.21

Similar items

Items
0
Layout
Grid View
Row View
Featured
Preview
↗

Collaborate on designs and website review

Lucidly is a proofing tool that makes it easy to comment, review, and collaborate on any website or design asset. Streamline your feedback with fast navigation and organized Kanban views.
View item
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
xmcp
Code
Library
/ 

xmcp

9.9.25
AI, Dev Tools, Authentication, Workflow
Opal by Google
Tools
App
/ 

Opal by Google

9.9.25
No-code, AI, Automation
Skiper UI
Tools
Component
/ 
Directory

Skiper UI

9.9.25
Dev Tools, Creative, Animation, Interactions, Components, Gallery, shadcn designer
Mammoth Murals
Inspo
Website
/ 

Mammoth Murals

9.9.25
Creative, Advertising, Agency, Portfolio, Webflow, GSAP
Lithosquare
Inspo
Website
/ 

Lithosquare

9.2.25
AI, Environment, Landing, Animation, Webflow, GSAP
AI SEO Copilot Webflow App
Tools
Utility
/ 

AI SEO Copilot Webflow App

9.2.25
AI, SEO, Workflow, QA, Webflow
shadcn designer
Code
Library
/ 

shadcn designer

9.2.25
Creative, Dev Tools, Javascript, Web Apps, Extending, Design System, Components, Framer
Sasha Birukoff
Inspo
Website
/ 

Sasha Birukoff

9.2.25
Creative, Personal, Portfolio, Webflow
Streamline Defense
Inspo
Website
/ 

Streamline Defense

9.2.25
Technology, Security, Marketing, Webflow, GSAP
Mast
Featured
Tools
Framework
/ 

Mast

3.13.23
No-code, Creative, Dev Tools, CSS, Workflow, Design System, Extending, Why Webflow, Webflow, HARA, Rotor, Gantry, No-Code Supply Co.
SafetyKit
Inspo
Website
/ 

SafetyKit

8.30.25
AI, Security, Marketing, Webflow, GSAP, Nooon Studio
Flow
Tools
App
/ 

Flow

8.30.25
AI, Film, Creative, Generator, Workflow
Whalesync
Partner
Tools
App
/ 

Whalesync

1.8.23
CMS, Database, Extending, Automation, Where Whalesync Really Wails, "100 SEO pages in 20 minutes with OpenAl + Webflow + Whalesync", Notion, Webflow, Airtable, Bubble
Duracell
Inspo
Website
/ 

Duracell

8.28.25
Energy, Technology, Marketing, Webflow, GSAP, Edgar Allan
Muse
Inspo
Website
/ 

Muse

8.28.25
SAAS, Events, Marketing, Landing, Webflow, GSAP
Flora
Tools
App
/ 

Flora

8.28.25
AI, Creative, Assets, Workflow
Jetboost
Partner
Tools
App
/ 

Jetboost

12.3.19
No-code, CMS, Search, Assets, Extending, Jetboost List Update Function
Composio
Inspo
Website
/ 
App

Composio

8.26.25
AI, Dev Tools, Marketing, Automation, Framer
DONE Prebiotic Protein Drink
Inspo
Website
/ 

DONE Prebiotic Protein Drink

8.25.25
Food & Beverage, Health & Wellness, Landing, Ecommerce, Webflow, GSAP
Fathom Analytics
Partner
Tools
App
/ 

Fathom Analytics

12.1.22
Analytics
Parable
Inspo
Website
/ 

Parable

8.25.25
Financial, Agency, Portfolio, Landing, Webflow, GSAP, Diego Toda de Oliveira
Chronicle
Tools
App
/ 

Chronicle

8.24.25
AI, Creative, Presentation, Workflow
Walrus
Inspo
Website
/ 

Walrus

8.24.25
Web3, Dev Tools, SAAS, Database, Marketing, Webflow, GSAP, Holographik
Anything
Tools
App
/ 

Anything

8.24.25
AI, Creative, Dev Tools, Web Apps, Website Builder, Vibe Code
Magic Patterns
Tools
App
/ 

Magic Patterns

8.24.25
AI, Creative, Dev Tools, Prototype, Vibe Code
Audienceful
Partner
Tools
App
/ 
Website

Audienceful

8.1.22
SAAS, No-code, Email, CMS, Marketing, Automation, Webflow
Diff
Inspo
Website
/ 

Diff

8.20.25
Creative, Agency, Portfolio, Ecommerce, Webflow, Shopify
Outseta
Tools
App
/ 
Website

Outseta

8.13.20
No-code, SAAS, Authentication, Memberships, Extending, Ecommerce, Webflow
Skarlo
Inspo
Website
/ 

Skarlo

8.17.25
Creative, AI, Agency, Portfolio, Framer
Supaframe
Tools
Utility
/ 

Supaframe

8.17.25
Creative, Dev Tools, Forms, Extending, Framer
Ledger Brandbook
Inspo
Website
/ 

Ledger Brandbook

8.15.25
AI, Crypto, Creative, Brand Guide, Webflow, GSAP, Joseph Berry
Slater
Tools
App
/ 

Slater

6.2.23
AI, Custom Code, Extending, Workflow, Webflow, Edgar Allan, 473
Flow My Go Album
Learn
Video
/ 

Flow My Go Album

8.13.25
Music, Creative, AI, SEO, Webflow
Daymark
Inspo
Website
/ 

Daymark

8.11.25
Creative, Agency, Portfolio, Webflow
Memberstack
Tools
App
/ 

Memberstack

12.3.19
No-code, SAAS, Authentication, Memberships, Extending, Backend, Custom Code, Webflow
Bloxspring
Inspo
Website
/ 

Bloxspring

8.11.25
Creative, Agency, Portfolio, Webflow, GSAP
Paylater Travel
Inspo
Website
/ 

Paylater Travel

8.11.25
Travel, Transportation, Ecommerce, Landing, Marketing, Webflow
Bevel
Inspo
Website
/ 

Bevel

8.7.25
Health & Wellness, Mobile Apps, Landing, Webflow
Juno
Tools
App
/ 
Website

Juno

8.7.25
AI, Creative, Animation, Audio, Game, Generator, Webflow
Jords+Co
Inspo
Website
/ 

Jords+Co

8.6.25
Creative, No-code, Agency, Portfolio, Webflow, GSAP
Palm UI
Tools
Directory
/ 
Website

Palm UI

8.6.25
Creative, Dev Tools, Components, Gallery, Figma, Framer
Bindery
Inspo
Website
/ 

Bindery

8.4.25
Creative, Agency, Portfolio, Webflow, GSAP
aeo.press
Tools
App
/ 

aeo.press

8.2.25
AI, Dev Tools, SEO, Marketing, Slater
Cyphr
Inspo
Website
/ 

Cyphr

8.2.25
Creative, Agency, Portfolio, Webflow, GSAP, Ilja van Eck, Holographik
Reve Image
Tools
App
/ 

Reve Image

8.2.25
AI, Creative, Photography, Workflow
S-2K
Inspo
Website
/ 

S-2K

7.31.25
Transportation, Landing, Scrollytelling, Webflow, GSAP
Anthem Creative
Inspo
Website
/ 

Anthem Creative

7.31.25
Creative, Nonprofit, Agency, Portfolio, Webflow, GSAP, Osmo, Greaterthan
Eagle's Nest
Inspo
Website
/ 

Eagle's Nest

7.25.25
Travel, Housing, Landing, Scrollytelling, Webflow, GSAP
Despia
Tools
App
/ 

Despia

7.25.25
Dev Tools, Hosting, Mobile Apps, Workflow, Javascript, Weweb, Nordcraft, Wized
Manifold Bio
Inspo
Website
/ 

Manifold Bio

7.25.25
Science, Medical, Landing, Webflow, GSAP, Bunsen Studio
Diego
Inspo
Website
/ 

Diego

7.22.25
Personal, Portfolio, Webflow, Diego Toda de Oliveira
opencode
Inspo
Website
/ 

opencode

7.22.25
AI, Dev Tools, Custom Code, Claude
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.