New Age

New Age is a free, MIT-licensed web app landing page theme built with Bootstrap and published by Start Bootstrap, designed to give developers and startups a ready-made single-page marketing site for promoting a mobile or web application. The theme ships as compiled HTML, CSS, and JavaScript in a dist directory, while the source files use Pug for markup and SCSS for styling, both compiled through a Node.js build environment.

What is New Age?

New Age is a web app landing page theme for Bootstrap created by Start Bootstrap, an open source library of free Bootstrap templates. It takes a set of Pug, SCSS, and JavaScript source files and produces a static, responsive landing page with compiled HTML, CSS, and JS ready to deploy. The template is maintained by David Miller and released under the MIT license, so it can be used for personal or commercial projects without restriction.

Key Features

• Bootstrap-based layout — The theme is built on the Bootstrap framework, making the page responsive and giving access to Bootstrap's grid, components, and utilities without extra dependencies.
• Pug templating — Markup is authored in Pug within the src/pug directory, allowing modular includes and cleaner HTML generation compared to hand-writing markup.
• SCSS styling — Styles are written in SCSS in src/scss and compiled to a single CSS file in dist, so you can customize variables and use mixins.
• npm build scripts — The package.json includes eight scripts (build, build:assets, build:pug, build:scripts, build:scss, clean, start:debug, start) for building individual parts of the project or running a live-reload development preview.
• Simple direct editing — For basic use, you can ignore the source and edit only the HTML and CSS inside the dist directory; opening index.html in a browser previews your changes.
• Multiple installation options — You can download the latest release from Start Bootstrap, install via npm i startbootstrap-new-age, or clone the GitHub repository.
• Free commercial use — The MIT license permits use in any project, including commercial client work, with no attribution required.

Who is it for?

• App developers — Need a polished landing page to showcase a mobile app's features, screenshots, and app store links without hiring a designer.
• Startup founders — Want a fast, no-cost marketing page for a new SaaS or web product so they can validate interest before building a full site.
• Web designers and agencies — Can use the theme as a starting point for client projects, customizing the SCSS to match branding and replacing sample content.

What can you do with New Age?

• Mobile app teams: Build a single-page promotional site that highlights the app's value proposition, includes feature descriptions, and directs visitors to download links, all in a responsive layout.
• SaaS product marketers: Set up a launch page with a call-to-action button, feature sections, and a contact area, then deploy it to any static host since the output is plain HTML/CSS/JS.
• Open-source contributors: Fork the GitHub repository and modify the Pug/SCSS source to create your own Bootstrap theme, using the npm scripts to rebuild the dist output.

How does New Age work?

After downloading, you can either edit the compiled files in dist directly and open index.html in a browser, or clone the source, run npm install, and use npm start to launch a live preview with file watching and browser reload. The build process compiles Pug to HTML, SCSS to CSS, and assembles everything into dist via the npm scripts.

FAQ

Is New Age free?

Yes, New Age is released under the MIT license, which means it is free to download, modify, and use for both personal and commercial purposes. There are no fees or license keys required.

How do I install New Age?

You can download the latest release from the Start Bootstrap website, install it with npm i startbootstrap-new-age, or clone the repository from GitHub. All three methods give you the same template files.

How can I customize the theme?

For quick changes, edit the HTML and CSS inside the dist directory. For deeper customization, work with the Pug and SCSS source files and rebuild using the npm scripts such as npm run build or npm start for live reload.

Does New Age require a build tool?

No, for basic usage you can just open the index.html file from the dist directory. The Node.js build environment is optional and only needed if you want to edit the Pug or SCSS source files.

How do I report bugs?

Bugs and issues can be reported by opening a new issue on the GitHub repository for startbootstrap-new-age, or by leaving a comment on the template overview page at Start Bootstrap.