Frame – Free Onepage HTML5 Template Using Bootstrap

Frame – Free Onepage HTML5 Template Using Bootstrap

Frame is a free one-page website template built on Bootstrap 5 — designed and maintained in-house by uiCookies. It fits the products and small businesses that need a complete, credible page today: hero, features, pricing, testimonials, FAQ, and contact, all on one calm scroll.

The template ships jQuery-free. Navigation, scrollspy, smooth scrolling, and the staggered scroll-in animations are all plain vanilla JavaScript (the animations run on IntersectionObserver and respect reduced-motion preferences), and the mobile menu is powered by Bootstrap’s own collapse — no plugins anywhere.

What’s on the page

• Hero — full-screen image hero with a transparent navbar that turns solid and auto-hides/reveals as you scroll
• Services — three icon features with staggered fade-ins
• Feature rows — alternating screenshot/text rows with check lists
• Pricing — three tiers with a highlighted popular plan
• Testimonials — six review cards with star ratings
• FAQ + CTA — product Q&A above a full-width call to action
• Contact — labelled, accessible form with contact details

At a glance

• Bootstrap 5 with no jQuery and no plugin dependencies
• Vanilla JavaScript: scrollspy, smooth scroll, auto-hiding navbar, IntersectionObserver animations
• Accessible: labelled form fields, aria-labelled controls, reduced-motion support
• Single page + SCSS sources included for deeper customization
• Icon font (icomoon) and demo images (Unsplash) included

How to use

Download, unzip, and open index.html — there is no build step. Replace the demo text and images, point the contact form’s action at your backend or form service, and deploy to any static host. Colors and typography live in css/style.css (SCSS sources in scss/) with Bootstrap-5-specific adjustments in css/frame-bs5.css.

FAQ

Can I use Frame in commercial projects?

Yes — Frame follows the standard uiCookies license. Attribution details are on the license page.

Does Frame require jQuery?

No. Every behavior is plain JavaScript, and the interactive components come from Bootstrap’s own bundle.

Designed & written by Aigars Silkalns

Aigars Silkalns is a Latvian entrepreneur and web developer who founded Colorlib, a hub for distinctive WordPress themes. Trained in technology and design, he began as a freelancer and launched Colorlib in 2013, earning acclaim for user-friendly, modern, responsive themes. A champion of open source, Silkalns shares insights on web trends and entrepreneurship. His mission is to make web design simple and accessible, empowering people worldwide to build professional sites with ease.

XLinkedInMore about uiCookies →