Back to all submissions

Accessible Tabs Component with Keyboard Navigation & Framer Motion

20
Challenge brief
Tabs ComponentBuild a tabs component for switching between different content views
28
Jade Hdz@Jade
GitHubLinkedIn
Frontend Developer
Self-Learning
11.1k Reputation
Preview solution
View code
Built an accessible tabs component with keyboard navigation following ARIA design patterns, featuring smooth animations
Submission vs Design
Loading...
https://tabs-component-delta.vercel.app/

Implementation details

Tech stack

HTML
Basics
Semantics
CSS
Basics
Responsive Design
Transforms and Transitions
React
Basics
Components
Effects
Package Managers
Basics
Build Tools
Typechecking
React
Tailwind
TypeScript

Code

Loading...
Discussions
Loading...