From a good reference to your own page.
Browse every design, save references in this browser and use Orbit and AFTERHOURS as complete free samples. Guest saves stay in this browser. Paid checkout is not open.
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 and AFTERHOURS are free now; other source packages remain premium and are not open for purchase.
Take the design instructions.
Copy prompt gives design instructions for your AI workflow; Get source gives actual files. Orbit and AFTERHOURS prompts and source are free. Other full prompts and source packages require an active licence. Their Copy prompt action opens a locked notice while paid access is unavailable.
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 are free?
Orbit and AFTERHOURS include free source ZIPs and prompts. No account, payment or premium licence is required for these samples. Other full prompts and source packages remain premium; paid checkout is not open.