Back to templates

Template details

Typerite

Free HTML5 masonry blog template with sticky sidebar, dropdown menus, off-canvas search, and 4 post formats.

About this template

Typerite is a free, multi-page HTML5 masonry blog template distributed by ThemeWagon and designed by Styleshout, built to display blog posts in a responsive masonry grid with sticky sidebar navigation, drop-down menus, and post layouts for standard, audio, video, and gallery content.

What is Typerite?

Typerite is a static HTML5 blog template: you edit the 9 included HTML files and the accompanying CSS and JavaScript sources, then host the result as a plain website — no server-side framework or build step is required. It is offered for free on ThemeWagon, version 1, released 7 years ago and updated 4 years ago, and is compatible with Chrome, Edge, Firefox, Mobile, Opera, and Safari. The design is clean, simple, and minimal, and the page explicitly notes it fits travel, personal, tutorial, lifestyle, or similar blog sites.

Key Features

  • Masonry grid layout — posts are arranged in a fluid masonry layout via the Masonry JS library, so cards of varied image heights collapse neatly into columns.
  • 4 post format pages — separate page templates are included for standard, audio, video, and gallery posts, letting each content type present its own media.
  • Sticky sidebar — the sidebar stays visible while scrolling, keeping widgets and navigation available to readers at all times.
  • Drop-down menu — the header navigation supports nested items through drop-down menus.
  • Off-canvas search box — a search field slides in from the side of the screen, letting visitors search without navigating away from the current page.
  • CSS3 loader — a pure CSS3 loading animation is part of the package, shown while page content is still loading.
  • Load-on-scroll animation and image hover effects — content animates in as the visitor scrolls, and images respond with on-hover effects.
  • Utility UI components — back-to-top button, pagination UI, and a contact form UI are included, with more than 20 style components in total.

The download package contains all demo images, 9 HTML files, CSS files, JavaScript source files, and the library and plugin files. The template leans on Iconmonstr for icons, Unsplash for demo photography, Masonry JS for the grid, and Slick slider for carousel behavior.

Who is Typerite for?

  • Travel bloggers — present destination photography in the masonry gallery and use the gallery post format to publish photo-heavy trip entries.
  • Personal bloggers — post standard text updates, embed audio or video, and keep a sticky sidebar with links to categories or about pages.
  • Tutorial and lifestyle writers — organize how-to content with video post pages, off-canvas search, and pagination for multi-part article series.

Use cases

  • Travel diary: arrange trip photos in the masonry layout and write location-based posts with the standard or gallery post formats.
  • Video tutorials: use the video post format page to embed tutorials, with the sticky sidebar and drop-down menus to structure course modules.
  • Audio podcasts or music blog: publish episodes through the audio post format, and use the load-on-scroll animation to keep the listening experience visually engaging.

Pricing

Typerite is a free download on ThemeWagon. The license is open source, allows use in commercial projects, and includes lifetime free updates. The page shows 2,571 downloads and 0 customer reviews.

Alternatives

  • Wander — a free HTML5 Bootstrap 4 travel blog template from ThemeWagon.
  • Hikers — a free responsive travel blog website template from ThemeWagon.
  • Roundy — a free Bootstrap 4 HTML5 personal travel blog website template from ThemeWagon.

FAQ

Is Typerite free?

Yes, Typerite is a free download from ThemeWagon. Its license is open source, so you can use it in commercial projects, and lifetime free updates are included.

What post formats does Typerite support?

Typerite includes dedicated page layouts for four post formats: standard, audio, video, and gallery. Each format has its own presentation so media like embedded videos or image galleries fit the intended layout.

What libraries and plugins does Typerite use?

The template uses Masonry JS for the masonry grid, Slick slider for carousels, Iconmonstr for icons, and Unsplash for the demo images. All CSS and JavaScript source files ship inside the download package.

Does Typerite work on mobile?

Yes, Typerite is fully responsive and is listed as compatible with mobile devices as well as Chrome, Edge, Firefox, Opera, and Safari desktop browsers.

What files are included in the download?

The package includes 9 HTML files, all demo images, CSS files, JavaScript source files, and library/plugin files — everything needed to run the multi-page blog templates.

screenshot of Typerite on template0.com