Templates

Rose Works

Rose WorksSleek horizontal scroll

A sleek, story-driven website template ideal for agencies, portfolios, and creative projects.

Isak Burström
Isak Burström
Creator
52d ago
Updated
647
Views
Screenshot 0
Screenshot 1
Screenshot 2
Screenshot 3

Showcase Your Ideas with Impactful Headlines

This template is designed to help you create visually stunning websites with a horizontal layout. It features a custom React component that enables smooth horizontal scrolling and an easy-to-use override for precise snap points. To set up snap points, simply apply the withScrollSnapElement code override to any block you want to snap to the viewport, and configured to a height of 100vh for optimal display.

For longer text sections, maintain a clean design by ensuring they remain scrollable within their containers using overflow: scroll.

The horizontal scroll consists of two components: one for the foreground and one for the background. This creates a parallax effect during scrolling. Be sure to include the same number of items in both the foreground and background. The frames automatically resize to fit the viewport.

When adding other sections to the site, remember to apply the withScrollSnapElement override to the relevant element to ensure the scroll snap connects properly. Any content exceeding 100vh needs to have overflow scroll enabled.

For mobile optimization, you can create a separate horizontal scroll that is hidden on desktop. This can include mobile-specific overrides, items, and variants.

Features

Pages
Home, 404
Refund Policy

Framer does not handle refund processing. All products are purchased directly from their respective creators. Please review their refund policy before making any purchase.

    Become a creator today

    Submit a template or plugin, get featured, and get paid – all in just a few clicks.

    Avatar

    Connelly Rader

    Building Framer Templates in my free time. Framer Expert & Contra Top Independent.

    9 Templates

    Avatar

    Favorit × Frame

    Framer Expert Duo Crafting Minimal Framer Templates With a Premium Touch.

    7 Templates

    1 Plugin

    Avatar

    ena supply

    Building visually striking, and highly functional Framer sites.

    18 Templates

    Avatar

    LottieFiles

    1 Plugin

    Avatar

    Goran Babarogic

    Product Designer. In love with Framer.

    18 Templates

    Avatar

    Clonify

    An ever-growing design library of stunning sections and templates.

    20 Templates

    1 Plugin