FlexTab: tab, slider and accordion configurator

A live configurator for tabs, sliders, flip cards and accordions. Change typography, layout, colours and effects, then export HTML and CSS for learning modules or websites.

What it does

FlexTab builds the interactive blocks that learning modules and web pages use most: tabs, sliders, flip cards and accordions. You set up to three panels, write their titles and content, and add a YouTube video where a panel needs one.

How it works

Pick a mode and where the tabs sit: top, left, right or bottom. Change colours, layout, typography and effects, and the live preview follows every change. A code view shows the markup. When it looks right, download the HTML and CSS and paste it into your course or page.