TheSprkl  - Advanced design framework for Figma, Webflow and Flutter | Product Hunt
Webflow logo
Overview
Get started
Tokens
Assets
Breakpoints
Colors
Corners
Spacing
Typography
Components
Alerts
Avatars
Breadcrumbs
Buttons
Cards
Collapse
Dropdowns
Forms
Lists
Links
Navbars
Pagination
Stepper
Table
Tabs menu
Tags
Tooltip
Blocks
Cards
Clients
FAQ
Features
Footer
Headers
Numbers
Reviews
Tabs
Sections
CTA
Cards
Clients
Features
Footer
Hero
Pricing
Reviews
Tabs
Team
Templates
Style guide
Resources
Custom code
Grid
Modifiers
Components

Tabs menu

Tabs organize content across screens, sections, and other interactions.

Components

Vertical tabs menu

Tabs Menu / Vertical / Default
3x
4x
5x
6x
7x
Tab item 1
Tab item 2
Tab item 3
Tab item 1
Tab item 2
Tab item 3
Tab item 4
Tab item 1
Tab item 2
Tab item 3
Tab item 4
Tab item 5
Tab item 1
Tab item 2
Tab item 3
Tab item 4
Tab item 5
Tab item 6
Tab item 1
Tab item 2
Tab item 3
Tab item 4
Tab item 5
Tab item 6
Tab item 7
Tabs Menu / Vertical / With Icons
3x
4x
5x
6x
7x
Tab item 1
Tab item 2
Tab item 3
Tab item 1
Tab item 2
Tab item 3
Tab item 4
Tab item 1
Tab item 2
Tab item 3
Tab item 4
Tab item 5
Tab item 1
Tab item 2
Tab item 3
Tab item 4
Tab item 5
Tab item 6
Tab item 1
Tab item 2
Tab item 3
Tab item 4
Tab item 5
Tab item 6
Tab item 7

Horizontal tabs menu

Tabs Menu / Horizontal / Default
3x
4x
5x
Tab item 1
Tab item 2
Tab item 3
Tab item 1
Tab item 2
Tab item 3
Tab item 4
Tab item 1
Tab item 2
Tab item 3
Tab item 4
Tab item 5
Tabs Menu / Horizontal / With Icons
3x
4x
5x
Tab item 1
Tab item 2
Tab item 3
Tab item 1
Tab item 2
Tab item 3
Tab item 4
Tab item 1
Tab item 2
Tab item 3
Tab item 4
Tab item 5

Customize

Each tabs menu consist of various amount of tab item. You can build tabs menu with any amount of tab items. Also you can quickly restyle pre-made styles like Style A and Style B.

Tab item
Tab item
Style a
Tab item
Style B
Tab item

Contents

Components
Customize