Showcase

Whole pages, built only with Monsoon

3 working apps and 7 complete templates: a product landing, a dashboard, an article, pricing, a product page, a portfolio and auth screens. Each one is plain HTML styled with the Monsoon stylesheet. Open them, resize the window, switch the theme, then read the source.

Harbor, a community chat

Sign in, then hop between servers and channels, send messages with code blocks and mentions, react, reply, edit and delete, toggle the member list and re-theme the whole app from one accent color.

appno build

Open app

Stack, a kanban board

Drag cards between lists, open a card to edit labels, checklist, due date, members and comments, filter and search the board, add and rename lists, and pick a board color that themes everything.

appno build

Open app

Tidal, a calendar

Day, week, month and agenda views with a mini month, color coded calendars, overlapping events laid out side by side, a live current time line, drag to move and a full event editor.

appno build

Open app

SaaS landing page

A product launch page for a runbook automation tool with a glowing hero, an in browser app mockup, features, stats, testimonials and an FAQ.

landingmarketingnavbaraccordioncontainer queries

Open page

Analytics dashboard

A revenue dashboard with a sidebar that collapses into a drawer, KPI sparklines, an inline SVG chart and a real data table.

appdashboarddrawertablesvg chart

Open page

Blog article

A long form magazine article with serif typography, a sticky table of contents, a data figure, a callout and related stories.

contentprosetypographytable of contents

Open page

Pricing page

Three plans with a monthly and yearly switch built from radio inputs, a feature comparison table and billing questions.

marketingpricingtabstableno javascript

Open page

Ecommerce product page

A product detail page with a scroll snap gallery, color picker cards, quantity stepper, specs, rating breakdown and reviews.

shopproductcarouselformsreviews

Open page

Designer portfolio

A personal portfolio with illustrated case study covers, an experience timeline, a testimonial and a contact form.

personalportfoliotimelineforms

Open page

Sign in and sign up

Sign in and create account screens in one tabbed card that switches without JavaScript, next to a forced dark brand panel.

appformstabsdark sectionno javascript

Open page