Tools
Component

Accessible Accordion for Webflow

View
Component
↗
View
Clone
↗
Accessible Accordion for Webflow

This accordion works with HTML and CSS only. <details> and <summary> are used for best-in-class accessibility!

​

NO JavaScript is required.

​

The opening transition animation is supported by 69% of browsers at the moment.

​

All styles do work out of the box with the LUMOS framework by Timothy Ricks.

Tags

Accessibility
Component Library
Interactions
HTML
CSS

Industries

No-code
Dev Tools

Related items

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

Curated: 
4.20.25

Similar items

Items
2781
Layout
Grid View
Row View
Search
Rainbow Button for Webflow
Tools
Component

Rainbow Button for Webflow

4.15.23
Component Library, Interactions, Custom Code, CSS, Webflow
Easy Tooltips in Webflow
Tools
Component

Easy Tooltips in Webflow

3.10.23
Interactions, Accessibility, Aesthetic, Extending, Javascript, HTML, Webflow
Webflow
Tools
App

Webflow

9.17.25
Accessibility, Authentication, Automation, CMS, Frontend, Hosting, Interactions, SEO, Web Apps, Ecommerce, Website Builder, Descript, Gumroad, Voiceflow, Refokus, FlutterFlow, Relume, Mapbox, Spline, Flowbase, Lemon Squeezy, Memberstack, Monto, Outseta, Play, Udesly, Whalesync, Discord, Mast, Hype
Phosphor Icon Component for Webflow
Tools
Component

Phosphor Icon Component for Webflow

12.11.24
No-code, Dev Tools, Assets, CSS, Workflow, Component Library, Webflow
CSS Hamburgers
Tools
Component

CSS Hamburgers

10.24.24
Dev Tools, No-code, CSS, Component Library, Navigation, Webflow, Timothy Ricks
Restock
Preview
↗

Restock

Restock is No-Code Supply Co.’s community podcast spotlighting the people shaping the web and the things they build: sites, products, and the workflows behind them. Each episode is a practical, curiosity-driven look at real work and ideas: standout builds, the tools and techniques powering them, and the takeaways you can reuse. Like NCSC, it’s grounded in curation and craft over hype, featuring guest conversations, and exploring what’s worth saving, learning, and trying next.
View Restock
Tiny Mighty Buttons
Tools
Component
/
Website

Tiny Mighty Buttons

3.15.25
Creative, Dev Tools, CSS, Extending, Component Library, Webflow
Socks UI
Tools
Component
/
Website

Socks UI

7.10.24
No-code, Component Library, Design System, Workflow, Accessibility, Open Source, Webflow, GSAP
Micro-Interactions for Webflow
Tools
Component

Micro-Interactions for Webflow

10.3.23
No-code, Interactions, Animation, Component Library, Webflow
HTML <dialog> Modal
Tools
Component

HTML <dialog> Modal

1.22.24
HTML, Extending, Custom Code, Javascript, Interactions, Webflow, Corey Moen
Bencho
Tools
Component
/
Directory

Bencho

9.14.26
Creative, Dev Tools, Component Library, Interactions, Assets
Skiper UI
Tools
Component
/
Directory

Skiper UI

9.9.25
Dev Tools, Creative, Animation, Interactions, Component Library, Gallery
Thind UI
Tools
Framework
/
Component

Thind UI

7.16.24
No-code, Component Library, Gallery, Design System, Data Viz, Webflow
CSS Only Animations
Tools
Component
/
Website

CSS Only Animations

3.17.24
Creative, No-code, Extending, CSS, Custom Code, Animation, Webflow, Timothy Ricks
10 On-scroll Typography Effects
Tools
Component

10 On-scroll Typography Effects

12.12.23
No-code, Scrollytelling, Text, Animation, Interactions, Javascript, GSAP, Webflow
Tabs to Dropdown
Tools
Component

Tabs to Dropdown

5.9.23
No-code, Extending, Javascript, Tabs, Interactions, Webflow, Corey Moen
Webflow Autoplay Tabs w/ Play/Pause Button
Tools
Component

Webflow Autoplay Tabs w/ Play/Pause Button

2.10.23
No-code, Tabs, Jquery, Javascript, Custom Code, Accessibility, Video, Webflow
Scroll to accordion on open
Code
Snippet

Scroll to accordion on open

6.25.24
No-code, Interactions, Accessibility, Custom Code, Javascript, Extending, Component Library, Webflow, Ben Parker
Teenage Engineering Button
Tools
Component

Teenage Engineering Button

11.27.23
Creative, Design System, Component Library, Webflow, Noah Shreve
Before/After Splitter
Tools
Component

Before/After Splitter

5.1.23
Extending, Assets, Interactions, Webflow
Accessible Ecommerce Color Toggle Cards
Tools
Component

Accessible Ecommerce Color Toggle Cards

10.21.22
Accessibility, Ecommerce, Webflow, Corey Moen
Sticky Scroll Feature Section
Tools
Component

Sticky Scroll Feature Section

8.5.22
Interactions, Scroll, Scrollytelling, Webflow, Corey Moen
Tab Change Interaction
Tools
Component

Tab Change Interaction

12.14.19
Tabs, Interactions, Webflow, Corey Moen
Autoplaying Swiper Slider
Tools
Component

Autoplaying Swiper Slider

5.5.25
No-code, Dev Tools, Slider, Javascript, Extending, Webflow, Swiper

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.

Subscribe