Drawn from the structure of 300+ real websites. Neutral by default, reskinned with a dozen CSS variables.
Real sections, assembled live, with any MCP client.
270+
production-ready sections
30+
section types
300+
websites analyzed
1
token contract
Build full site
Describe your product in a sentence. Rifframe plans the pages your site needs, picks the right sections for each in a deliberate funnel order, and writes on-brief copy for every slot. A complete website in under a minute, ready to refine.
A structure that converts. Each page ordered attention → value → proof → action, chosen for your archetype: SaaS, dev tool, mobile app, e-commerce, coach...
Copy that sounds like you. One consistent brand voice across the whole site, in your language and tone. No lorem left behind.
Still fully yours. Swap any section, regenerate any block, edit any word. The AI drafts, you direct.
Your brief
Your page
How it works
01
Browse 270+ sections in the editor, or let your agent search the catalog by intent: "pricing with billing toggle", "social proof stats", "terminal showcase".
02
In the editor, type a brief and the AI fills every copy slot. From an agent, override the token variables with your brand and replace the slots in code.
03
Plain Tailwind utility markup, responsive, no JavaScript. Export a standalone HTML file, or drop pulled sections straight into Next.js, Astro, or anything else.
Features
Every block of a modern website across 30+ types: hero, pricing, testimonials, team, blog, press, careers, code showcases for dev tools, and more. Extracted from 300+ real websites, not generated.
An MCP server and a REST API. Your coding agent searches by intent and pulls clean Tailwind HTML with named copy slots. One command to connect.
No hardcoded colors anywhere. Sections read semantic variables (background, foreground, primary...). Override a dozen values and the whole page is on-brand.
Compose visually, swap variants live, brief the AI to fill every slot in 6 tones. Export retina PNG, standalone HTML/Tailwind, or JSON.
Who it's for
Stop accepting whatever layout your agent improvises. Plug Rifframe in and it assembles your site from sections that were designed to work together.
Show clients a clean structure before writing a single line of code. Swap variants until it clicks, then export HTML or pipe it to Figma.
Idea to live site the same day. Compose the structure, generate the copy, ship portable code you own.
FAQ
Yes, everything is free during the beta: all 270+ sections, multi-page projects, AI generations (15 per day), every export format, and the API/MCP server.
Yes. Run `claude mcp add --transport http rifframe https://rifframe.app/api/mcp` and Claude Code (or any MCP client like Cursor) can search the catalog by intent and pull sections as clean Tailwind HTML with named copy slots. A plain REST API covers the same ground.
Sections never use hardcoded colors. They read semantic tokens (background, foreground, border, primary...) from a small block of CSS variables. Install it once, override a dozen values with your brand, and every section you pull is on-brand and consistent with the others.
Yes. Sections come out as plain Tailwind utility markup, no JavaScript, no dependencies. From the editor, Pro exports a standalone HTML file; via the API, your agent gets per-section HTML it can convert to JSX in seconds.
Projects are stored in Postgres with row-level isolation. AI briefs go to a third-party AI provider's API (not used for training) and are sent without your email or account ID. We don't sell data.
The editor requires a desktop browser (drag-and-drop, inline editing). The sections themselves are responsive at 375px, 768px and desktop widths, and you can preview tablet and mobile layouts from the editor.
270+ sections that go together. Compose it in the editor, or hand your agent the catalog.