Tools
Component

Tab Change Interaction

View
Component
↗
View
Clone
↗
Tab Change Interaction

Example of using the 'tab change' interaction trigger to animate elements within both the Tab Link and Tab Pane when a tab is selected!

NOTE! Any interactions happening within the Tab Pane must start after any interactions within the Tab Link are finished, otherwise the tab component will cut off the animation resulting in nothing happening in the Tab Pane. 👍

Tags

Tabs
Interactions

Creator

Corey Moen

Related items

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

Curated: 
12.14.19

Similar items

Items
2775
Layout
Grid View
Row View
Search
Tastelabs
Tools
App

Tastelabs

9.16.26
AI, Creative, API, QA, Workflow
TypeSafe AI
Tools
App

TypeSafe AI

9.16.26
AI, SAAS, AI Agents, Automation
Brand as software
Learn
Article

Brand as software

9.16.26
Creative, Technology, Branding, Automation, Design System, Workflow
Osmo Studio
Tools
App

Osmo Studio

9.16.26
Creative, AI, Animation, Motion Design, AI Agents, Figma
Bencho
Tools
Component
/
Directory

Bencho

9.14.26
Creative, Dev Tools, Component Library, Interactions, Assets
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
Egregore
Tools
App

Egregore

9.10.26
AI, SAAS, AI Agents, Automation
Fimo
Tools
App

Fimo

9.9.26
AI, SAAS, AI Agents, Automation, Backend, Cursor, Claude
vgpu
Code
Library

vgpu

9.8.26
AI, Dev Tools, AI Agents, Javascript, Web Apps
DialKit
Tools
App

DialKit

9.8.26
No-code, Creative, Interactions, Animation, Frontend
playgrnd
Tools
Utility

playgrnd

9.8.26
Creative, No-code, Generator, Aesthetic, Assets
DesEngs
Tools
Directory

DesEngs

9.8.26
Creative, Engineering, Gallery, Design System, Assets
Refero Styles
Inspo
Directory

Refero Styles

9.8.26
AI, No-code, AI Agents, Design System, Gallery, Cursor, Claude
Viewport
Tools
App

Viewport

9.7.26
Creative, No-code, Screen Capture, Design System, Animation
Daniel Sun
Inspo
Website

Daniel Sun

8.24.26
Creative, Personal, Portfolio, Framer
Toolcraft
Tools
Utility

Toolcraft

8.24.26
AI, Creative, Dev Tools, Web Apps, Generator, Design System, Open Source
21Oaks
Inspo
Website

21Oaks

8.11.26
Real Estate & Housing, Marketing, Webflow, GSAP, Artemii Lebedev
Rows
Tools
App

Rows

8.11.26
Workflow, Project Management
squig
Tools
App

squig

8.11.26
Creative, Wireframes, Workflow
Stacki by flowtricks
Tools
App

Stacki by flowtricks

8.11.26
Dev Tools, Creative, AI, Javascript, Workflow, Timothy Ricks
Taste Skill
Tools
Utility

Taste Skill

8.11.26
Creative, AI, Dev Tools, AI Agents, Open Source, Vibe Coding
Butter Video
Tools
App

Butter Video

8.11.26
Creative, SAAS, Video, 3D, Workflow
Migrating from Webflow to Sanity
Learn
Article

Migrating from Webflow to Sanity

7.17.26
Dev Tools, AI, CMS, Workflow, Sanity, Webflow
Artemii Lebedev
Inspo
Website

Artemii Lebedev

7.17.26
Creative, No-code, Personal, Portfolio, Webflow, Artemii Lebedev

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