From a good reference to your own page.
Browse every design, save references in this browser and use Orbit, AFTERHOURS, CLEARLINE and PITLANE as complete free samples. Guest saves stay in this browser. Sign in and choose a paid plan to unlock premium source and prompts.
Find a design that fits.
Preview page opens the working design. Open its detail page to check desktop, tablet and mobile widths. Bookmark a design to save it in this browser; remove it from Saved designs whenever you like.
Understand what you get.
The Source tab lists the files, dependencies, setup steps and access status. Get source downloads actual files. Orbit, AFTERHOURS, CLEARLINE, PITLANE and five selected sections are free now; other source packages require an active paid plan.
Take the design instructions.
Copy prompt gives design instructions for your AI workflow; Get source gives actual files. Orbit, AFTERHOURS, CLEARLINE, PITLANE and five selected section prompts and source are free. Other full prompts and source packages require an active licence. Sign in with the account used for your purchase to unlock them.
Try one complete page.
- Open Orbit’s Source tab and choose Get source.
- Extract orbit.zip, read README.md and open index.html.
- Compare it with the live preview at desktop and mobile sizes.
- Edit the HTML, embedded CSS or JavaScript to make it yours.
Orbit needs no npm install or build. AFTERHOURS is a separate Next.js project: extract its ZIP, run npm install, then npm run dev. Follow its included README. Google Fonts use an internet connection; the page has fallback fonts. Clipboard controls work best through a local static server, as explained in the README.
What the composer exports today.
Combine sections, edit their content and reorder them. Your draft stays in this browser. Export JSON saves the chosen blocks and text as a reference file; it is not an independently runnable page and there is currently no JSON import control. React source export remains behind licence verification.
Questions before you start.
What is FrameShelf?
FrameShelf is a library of landing page templates and reusable website sections. Compare working previews, save designs and check the Source tab for each package’s contents and access requirements. It is a source library, not a hosted website builder.
What is the difference between Preview, Source and Prompt?
Preview shows the working design. Get source downloads implementation files. Copy prompt gives design-specific instructions for an AI coding tool; the generated result can differ from the preview. Use source when you want to start from the actual implementation.
Can I check a design on mobile before downloading?
Yes. The template detail page has desktop, tablet and mobile preview controls. Open page also opens the design separately. These controls help you inspect the layout; test your own edited site on real devices before publishing it.
Do edits change the design for everyone?
No. The preview editor changes the copy in your current editing session and the instructions or exports that support those edits. It does not publish changes to the library’s original design. Check the Source tab because not every standalone package supports the same customisation controls.
Which templates and sections are free?
Orbit, AFTERHOURS, CLEARLINE and PITLANE, plus five selected sections (hero, features, pricing, FAQ and footer), include free source ZIPs and prompts. No account, payment or premium licence is required for these samples. Other full prompts and source packages require an active paid plan.