Aroma is a free Bootstrap 4 HTML5 eCommerce website template from ThemeWagon that provides a complete multi-page frontend for online stores, including shop, blog, contact, and account pages.
What is Aroma?
Aroma is a free, open-source Bootstrap 4 HTML5 template for building online shopping and ecommerce websites. It takes standard HTML, CSS, and JavaScript files and produces a fully responsive, multi-page site with a home page, product grid, blog section, contact page, and login/registration forms. The template was created by Colorlib and is distributed through ThemeWagon, and it works as a static site that can be hosted on any web server.
Key Features
- Bootstrap 4 foundation — Built on Bootstrap 4, the layout is fully responsive and compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.
- Multi-page structure — Includes 13 HTML files covering home, shop, product detail, blog, contact, and account pages, so you get a complete site skeleton out of the box.
- Sticky navigation and dropdown menu — The top navigation bar stays visible on scroll and supports drop-down submenus for deeper site structure.
- Product grid with price ranger — Products are displayed in a clean grid, and a price range filter lets shoppers narrow results by budget.
- Carousels and hover effects — The hero header and product areas use Owl Carousel, and interactive hover effects enhance the browsing experience.
- Forms and subscriptions — Includes login/registration, review, comment, contact, and an Ajax MailChimp email newsletter subscription form.
- Integrated maps and icons — Google Maps embed appears on the contact page, and FontAwesome plus Liner Icons provide scalable icons throughout.
- Extensive documentation — Well-commented and organized CSS, SCSS, and JavaScript source files make customization easier, and full documentation is included in the package.
Who is it for?
- Independent store owners: Launch a small online shop with the product grid, shopping cart UI, and contact page without writing code from scratch.
- Web developers: Use the well-commented Bootstrap 4 code as a base for custom ecommerce builds, swapping the frontend while connecting a backend.
- Designers: Customize colors, typography, and layout by editing the SCSS source files and replacing the included demo images.
What can you do with Aroma?
- Set up an online storefront: Build a responsive multi-page shop featuring a hero header, product grid, breadcrumbs, and search option.
- Collect leads and newsletter subscribers: Add the Ajax MailChimp subscription form in the footer to grow an email list.
- Show store location: Embed Google Maps and use the contact form on the contact page to help customers find you.
- Start a blog: Publish posts using the included blog section, complete with a comment form UI for reader engagement.
How does Aroma work?
Download the template package, unzip it, and open the index.html file in a browser to view the site. The static HTML pages reference CSS, SCSS, and JavaScript files, so you can edit content directly in HTML or recompile SCSS to CSS for styling changes.
Pricing
Aroma is free to download and use in commercial projects, with lifetime free updates according to the ThemeWagon license. No premium tier or paid add-ons are mentioned on the page.
Alternatives
- Violet – a free Bootstrap 4 responsive ecommerce website template from ThemeWagon.
- Aranoz – a free Bootstrap 4 HTML5 ecommerce website template from ThemeWagon.
- Vegefoods – a free responsive ecommerce template focused on fruit and vegetable stores.
FAQ
Is Aroma free to use?
Yes, Aroma is a free download from ThemeWagon, and the license permits use in commercial projects. It also includes lifetime free updates.
What does Aroma include?
The package contains 13 HTML files, all demo images, CSS and SCSS files, JavaScript source files, font icons, documentation, and library/plugin files.
Which frameworks and plugins does Aroma use?
Aroma is built on Bootstrap 4 and uses Owl Carousel, FontAwesome, Magnific Pop-Up, Ajax MailChimp, Nice Select, and Liner Icons.
Can I modify Aroma?
Yes, the code is well-commented and organized, and SCSS source files are included, so you can customize colors, layout, and content.
Is Aroma responsive?
Yes, Aroma is fully responsive and designed to display correctly on any screen size, and it is compatible with all major browsers including Chrome, Edge, Firefox, Opera, and Safari.
