Tabbed product tour

Product tour with animated tabs; each tab pairs short copy and a checklist with a Tailwind-built app mock.

Library

Velora UI

Framework

React

Type

block

License

MIT

Dependencies

lucide-react

Install

npx shadcn@latest add https://velora.colorlib.com/r/features-tabs.json

Files

• src/components/blocks/features-tabs.tsx
• src/components/velora/animated-tabs.tsx
• src/components/velora/blur-fade.tsx
• src/lib/utils.ts

Source

https://github.com/ColorlibHQ/velora-ui

Categories

• Feature Section Components
• React Feature Section Components
• Tailwind CSS Feature Section Components
• Animated Feature Section Components
• Media Components
• React Media Components
• Tailwind CSS Media Components
• Animated Media Components
• Mockup Components
• React Mockup Components
• Tailwind CSS Mockup Components
• Animated Mockup Components

More from Velora UI

• Animated Tabs
• Browser Mockup
• Code Block
• Container Scroll
• Split CTA with product visual
• Bento feature grid
• Icon feature grid
• Alternating screenshot rows
• Numbered steps
• Product screenshot hero
• Phone split hero
• iPhone Mockup