Cafe and roastery ecommerce Ui Kit. With over 30 custom pages and various bespoke components, this template features everything you need to start your coffee shop or coffee supply business it even has barista training and coffee shop courses.
Barebeans is a fully fledged cafe and coffee roastery ecommerce Ui Kit. With over 30 custom pages and various bespoke components, this template features everything you need to start your coffee shop or coffee supply business it even has barista training and coffee shop courses.
The focus for this template Ui Kit was catering for the wider coffee trade not just cafe's, that's why the template features pages and CMS collections for training and courses, wholesale supplier and ecommerce pages with a custom checkout experience.
Every page on this template has been accessibility checked using Webflow's in built Audit panel, all images have ALT text set or they are set to Decorative for images that offer little to no context. The take away point, this template is ready for real world use, leaving no potential viewers and visitors behind.
Learn more about Webflow's accessibility audit panel.
All the images in this template can be used for personal or commercial use. Details for the licencing can be found on the Licence page in the template.
Here are some handy links for learning how to edit and use Webflow.
Or you can contact me directly by email or send me a message in the Support Tab.
Customize the built-in database for your project or just add new content.
Displays perfectly on desktops, tablets, and phones.
Build your lead lists and subscriber base with beautiful forms.
Site navigation automatically collapses into a mobile-friendly menu on smaller devices.
Uses fonts from Google's Web Font collection.
All graphics are optimized for devices with high DPI screens.
Reusable elements you can use across your site. Edit a symbol and all copies update instantly.
Comes with animations and interactions for additional polish and usability.
Display images and text elegantly on every device with our touch-friendly slider.
Bring life and motion to your design with background videos
Custom design for the 404 page of your website
Reposition and resize items anywhere within the grid to produce powerful, responsive layouts — faster and without code.
Shape your customer's experience and customize everything, from the home page to product page, cart to checkout.
Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.
This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state.
Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.
For advanced design guidance, please share your questions in the Webflow Forum or reach out to a Webflow Expert.
Share your feedback by leaving a comment below.
For template support, please check the Support tab.
Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.
It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.
With a Free account plan, it is possible to edit two pages of the template-based project. To unlock more pages and features a premium plan is required.
With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.
Webflow templates are only available for purchase through Workspaces and legacy individual accounts.
CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.
Use the View Connections tool to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check Components and the Collection page Templates.
Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan.
Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.
Check out the review process and guidelines to get started selling your own website templates.