About Rattle
Rattle is a bold, product-first store template for drinkware, fitness gear, and small brands with a short range. The site opens on a full-screen photo, lets visitors compare every product in one table, pick a color right on the card, and add it to the cart without leaving the page.
Products, journal articles, and policies run on the CMS. Add a product with its price, colors, and photos, and the shop, the product page, and the home grid follow. The cart works out of the box as a demo, and the built-in guide shows how to connect a real checkout: a single checkout link, a payment link per product, or a Shopify store through a commerce plugin such as Framer Commerce.
Rattle is an Agent Template. It ships with a design system page and two skills, so you can ask the Framer agent for a new page or a new product and get a result that uses the same layout, styles, and components as the rest of the site.
Key features:
CMS for products, journal articles, and legal pages, each with its own detail page
Working demo cart: color swatches, add to cart, quantities, a cart drawer, and a cart page. Checkout stays switched off until you connect your own
Guide page with 12 steps for first-time Framer users, including three ways to connect checkout: a link, payment links, or Shopify with a commerce plugin
Agent-ready: a design system page plus the /design-system and /new-product skills
Shop menu with product cards, compare table, details tabs, reviews, FAQ, and scroll animations
Responsive desktop, tablet, and mobile layouts
Built for drinkware, sports and fitness gear, cosmetics, and other small product brands
Support
If you need help with the template or have any issues while using it, feel free to reach out.
Email: promakdesign@gmail.com
