Component Demo

All available section components in one place. Use this page to test styling and schema output.

Intro Section

Standard text block with markdown support

This is the intro component — a simple text section that supports full markdown. Use it for descriptions, explanations, or any content block.

  • Supports bullet lists
  • Supports bold, italic, and links
  • Optional backgroundColor: "primary" for colored background

Intro with Primary Background

Same intro component with backgroundColor: "primary" applied. Good for breaking up the page visually and drawing attention to key messages.

Comparison Table

Side-by-side feature comparison. The highlight: true column gets visual emphasis. Values can be true (checkmark), false (cross), or any text string.

FeatureBRNCX Starter PackAI SaaS ToolsDIY Setup
One-time payment Pay once, own forever
Ready on day one No setup marathon
Your data stays local Privacy by default
40+ integrated skills
Switch AI providers Claude, Gemini, Codex, Amp...
Pre-configured plugins
Quality registryVaries
Monthly cost$0$20-200/mo$0

Comparison based on typical offerings as of March 2026.

Testimonials — Single Column

Full-width testimonial cards

I went from zero to a fully working AI-powered vault in under an hour. The skills just work — no prompt engineering needed. This is what AI productivity should feel like.

Alex M. Freelance Consultant

The marketing skill pack alone saved me weeks of setup. SEO audits, content strategy, ad campaigns — all integrated into my client workflow.

Sarah K. Digital Agency Owner

Testimonials — Two Columns with Schema

Includes Review JSON-LD structured data

Finally an AI system where I own my data and don't pay monthly.

James T. Tech Startup Founder

The vault structure is brilliant. Everything has its place and the AI knows where to find it.

Maria L. Business Coach

Switched from three different SaaS tools to one vault. Simpler, faster, cheaper.

David R. Operations Manager

My team was productive with AI on day one. No training needed — the skills guide the agent.

Lisa P. Agency Director

Testimonials — Three Columns

Clean, fast, no bloat.

Tom W. Developer

Perfect for small teams.

Nina S. Team Lead

Worth every penny.

Carlos D. Freelancer

Pricing Cards with Schema

Product/Offer JSON-LD included when schema block is present

Most Popular

Starter Pack

$297

  • 40+ production-ready skills
  • 20+ Obsidian plugins
  • Structured vault
  • Lifetime ownership

Feature Cards Grid

Icons from Feather icon set

Modular Skills

Each skill is self-contained with its own docs, scripts, and templates.

Privacy First

Your data never leaves your machine. No cloud sync, no telemetry.

Instant Setup

Install the vault, open Obsidian, start working. Under 15 minutes.

Multi-Provider

Works with Claude, Gemini, Codex, Amp, and any ACP-compatible CLI.

Quality Checked

Every skill reviewed via tessl.io registry before release.

Free Updates

Lifetime access to updates and new free skill packs.

FAQ Section

Auto-generates FAQPage JSON-LD schema

How does the FAQ schema work?

The faq.njk template automatically generates FAQPage JSON-LD structured data from the faqs array. Each question/answer pair becomes a Question entity in the schema. Google can display these as rich results in search.

Can I have multiple FAQ sections on one page?

Yes — each FAQ section generates its own schema block. However, Google recommends one FAQPage per page for best results.

Does markdown work in answers?

Yes. Answers support bold, italic, links, code, and lists. The markdown is rendered to HTML in the visible FAQ, while the schema gets a plain text version.

Media Section

The media component places text alongside an image or video. Set mediaPosition to "left" or "right" to control layout.

Good for feature highlights, product screenshots, or video embeds.

Topmate CTA Section

A call-to-action block that links to your Topmate scheduling page.