HoverPreviewTicker
An infinite scrolling ticker that reveals project images on hover. Perfect for portfolios, agency websites, and creative showcases. Smooth animations, fully customizable.
Made with Workshop
Build your own component with AI
About this Component
A stunning infinite scrolling ticker that displays your project names and reveals preview images on hover. Perfect for portfolios, agencies, and creative studios who want to showcase their work with style and interactivity.
✦ Features
→ Infinite smooth scrolling animation
→ Image preview on hover with seamless transitions
→ Optional second row for added visual depth
→ Fully customizable typography with any font
→ Adjustable scroll speed, gap, and row spacing
→ Custom ticker and hover text colors
→ Flexible image height control
→ Dark mode ready with background color options
✦ Properties
- Projects — Add unlimited projects with names and images
- Speed — Control scroll duration (default: 60s)
- Gap — Horizontal spacing between items (default: 60px)
- Row Gap — Vertical spacing between rows (default: 60px)
- Second Row — Show or hide a second ticker row
- Ticker Font — Choose any font for project names
- Ticker Color — Set default text color
- Hover Color — Set text color on hover
- Image Height — Adjust preview image size
- Background — Customize background color
✦ Perfect For
- Portfolio websites
- Creative agency showcases
- Studio landing pages
- Freelancer project displays
- Design galleries
Minimal setup. Maximum impact. Just add your projects and customize to match your brand.
