Alternating screenshot rows

Two alternating rows of copy with a checklist beside a browser-framed dashboard mock, sides swapped.

Library

Velora UI

Framework

React

Type

block

License

MIT

Dependencies

lucide-react

Install

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

Files

• src/components/blocks/features-split-screenshot.tsx
• src/components/velora/blur-fade.tsx
• src/components/velora/border-beam.tsx
• src/components/velora/browser-mockup.tsx
• src/lib/utils.ts
• src/components/ui/button.tsx

Source

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

Categories

• Feature Section Components
• React Feature Section Components
• Tailwind CSS Feature Section Components
• shadcn/ui Feature Section Components
• Layout Components
• React Layout Components
• Tailwind CSS Layout Components
• shadcn/ui Layout Components
• Media Components
• React Media Components
• Tailwind CSS Media Components
• shadcn/ui Media Components

More from Velora UI

• Browser Mockup
• Container Scroll
• Split CTA with product visual
• Bento feature grid
• Icon feature grid
• Numbered steps
• Tabbed product tour
• Product screenshot hero
• Phone split hero
• iPhone Mockup
• Macbook Scroll
• Sticky Scroll