Ravi Rank's Work | ContraWork by Ravi RankRavi Rank
Framer Web Designer & Developer | Pixel-Perfect Sites
Animated Bento Grid: Framer Component
A scroll-driven bento grid component for Framer websites. Visitors land on your headline, and as they scroll, your logo moves to the center while 8 cards fill in around it.
We built it at 7 Sync Technologies for service sections, feature grids and project showcases that need more than a static card row.
What's included
• 8 fully customizable cards: title, description, details and icon
• Image and video support in any card
• Hover effects on every card
• Scroll-driven reveal animation
• Styling controls: gap, corner radius, grid lines and background
• Animation controls: scroll length and smoothing
• No code needed. Everything is in Framer's property panel
Perfect for
Creative agencies, SaaS websites, portfolios, startups, hotels and hostels, brand guidelines, events and e-commerce.
Live preview: animated-bento-grid.framer.website
(http://animated-bento-grid.framer.website)Get it: https://framer.link/animated-bento-grid
Price: $10
Need help or a custom version? hello@7synctech.com (mailto:hello@7synctech.com) Just launched: HostelX, a Framer template for hostels and backpacker stays
Hostel websites have a few jobs: show every bed clearly, sell the experience and make booking easy. HostelX is built around exactly that.
What's inside:
• Rooms & beds with prices, bed counts, bath type, badges and filters
• Book-direct pricing that shows guests what they save
• Activities & tours to sell experiences, not just beds
• A booking request page: guests send dates, room and guests to your email. No payment setup needed.
• Or link any "Book now" to Booking.com (http://Booking.com), Hostelworld or your booking engine
• Location page with transport, walking times and nearby spots
• Guest reviews, stats, gallery and clear house policies
• Blog for travel guides and local tips
16 pages · 4 CMS collections (Rooms, Activities, Location, Blog) · Fully responsive · Easy to rebrand with named styles
For hostel owners, guesthouses and co-living spaces, and for the agencies and designers who build their websites.
👉 Live preview: hostelx.framer.website
(http://hostelx.framer.website)👉 Get HostelX ($49): https://contra.com/products/SLoIFR6g-hostel-x-framer-template-for-hostels-and-backpacker-stays
Would love feedback from fellow Framer designers Zenicure Aesthetics: Medical Website Redesign in WordPress Crypto Mining Website – UI/UX + WordPress Development