FrameShelf
Complete pages. Original ideas.
FrameShelf / Help centre

A few things worth knowing.

From opening your first preview to running the actual files. Answers about what FrameShelf does today, with a direct next step when you need one.

Choosing a design

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.

Downloads & setup

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.

Explore free page samples
How do I use a free section?

Open Sections and select Free. Choose a section, open its Source tab and download the ZIP. Extract it, then run npm install and npm run dev using Node.js 22 or newer. Each package contains its selected layout and shared styles/motion utilities. The full prompt is free too. Combining sections through the composer does not unlock premium source export.

Explore five free sections
How do I run Orbit?

Download the ZIP from Orbit’s Source tab, extract it, read README.md and open index.html in a modern browser. The package includes index.html, README.md and LICENSE.txt. No npm installation or build is needed. Google Fonts need an internet connection; fallback fonts work offline. For clipboard actions, follow the README’s optional local-server instructions.

Get Orbit source
How do I run AFTERHOURS?

Download and extract its ZIP, then follow README.md. It is a Next.js project with React, TypeScript, styles, local product artwork and demo bag interactions. Install the supported Node.js version, run npm install in the extracted project folder, then npm run dev. Use npm run build for a production build. It is not a single HTML file.

Get AFTERHOURS source
Are these WordPress themes or Elementor templates?

No. The current downloads are HTML/CSS/JavaScript or React/TypeScript/Next.js projects, depending on the design. They cannot be installed as WordPress themes or imported directly into Elementor. Converting one to WordPress is a separate development task.

Are hosting, backend services and payments included?

No. These are frontend designs with demo interactions. Hosting, domains, real user accounts, payment processing, bookings, inventory and email services must be connected separately. Fictional brands, metrics and testimonials must be replaced before publishing your own business website.

What if a download is blank, broken or will not run?

Extract the ZIP first and follow the package’s README, including its runtime and dependency requirements. If it still fails, email the template name, download URL, browser or Node.js version and the exact failing step. Remove private information and secret keys from logs or screenshots.

Get download help

Saving & composing

Where are guest saves and collections stored?

In this browser. Bookmark a design or add it to a collection, then return to Saved designs or Collections. Refreshing should preserve them when browser storage is available. Clearing site data, private browsing or changing devices can remove or separate guest saves.

Open saved designs
Does signing in automatically import my guest shelf?

No. When account services are connected, signed-in saves and collections use your account. Choose the import guest shelf action on the account page to copy this browser’s saved designs and collections to it. Composer drafts and display preferences remain browser-local.

View account options
Can I create a collection while viewing a design?

Yes. Use Add to collection, choose an existing collection or enter a new collection name, then confirm. The Collections page lets you organise or remove collections later. The interface reports if a change could not be saved.

Open collections
What does the page composer export?

The composer lets you combine sections, change their content and reorder them. Export JSON downloads a reference draft of those choices; it is not a runnable website, and the current interface does not import JSON drafts. React source export requires an active paid plan.

Open the composer

Pricing & licensing

Can I buy a plan today?

Yes. Sign in, choose a plan and complete secure checkout with Dodo Payments. Premium access activates after payment verification. You can also try Orbit, AFTERHOURS, CLEARLINE and PITLANE for free.

See plans
How do Lifetime teams work?

Lifetime includes 5 seats total: the purchaser and 4 teammates. Invite members by email from Account / Team members. Pending invitations reserve seats for 7 days. Invitees must sign in with that verified email to accept. Only the owner can manage members. Saves, collections and billing remain private. Team access ends when a member leaves, is removed, or the owner’s Lifetime licence is revoked. Shared access cannot be used to create another team.

Manage team
Which access options are available?

Choose 3 months ($19 USD), 1 year ($39 USD) or Lifetime access. The 3-month and Yearly plans are individual; Lifetime includes the owner and 4 invited members. Lifetime is $49 USD from 19 September 2026 at 18:30 UTC through 10 November 2026 at 23:59 IST (UTC+05:30), ending at 11 November 00:00 IST (10 November 18:30 UTC), then $99 USD. No plan renews automatically. Lifetime includes all current and future templates and sections, source and prompts. Fixed-term access ends on the date shown in Plans & billing. Applicable taxes and any currency conversion are shown at checkout.

Does the $19 plan have a daily limit?

New 3-month purchases include 3 distinct premium templates and 10 distinct premium sections per day, shared between source downloads, source inspection and prompt access. Opening the source or revealing a prompt counts because the content can be copied. Reusing the same item that day does not count again. Composer exports count each distinct premium item. Free samples do not count. The allowance resets at 00:00 UTC and does not roll over. Existing purchases keep their original allowance; Yearly and Lifetime do not have this daily limit.

View daily usage
Where can I see my active plan?

Open Account, then Plans & billing to see your active plan and expiry date. Lifetime access has no expiry. The same or a shorter plan cannot be purchased while your current access is active. A longer plan is a separate full-price purchase without a prorated credit; its access starts after payment.

View my plan
Will I receive a purchase email?

FrameShelf sends an access confirmation from billing@getframeshelf.com. Dodo Payments sends the payment receipt separately. Check Spam if either is missing and mark a legitimate message as Not spam. Contact billing@getframeshelf.com with your payment reference if your plan does not update.

Can I use a free sample for client work?

Yes. The designated free templates and sections permit adapting the sample code for personal and client projects. Read LICENSE.txt and the License & assets page. Keep third-party licence notices and replace fictional content. A sample download grants no access to other premium designs.

Read licence and asset notes
Can I resell the templates as a competing library?

The stated permission is adaptation for personal and client projects. It does not establish a separate template-resale or redistribution licence. Contact FrameShelf about that use before distributing a template pack or source library.

What is your refund policy?

For digital purchases, we do not offer discretionary change-of-mind refunds after the files or access are delivered. This does not exclude mandatory consumer rights or investigation of duplicate or incorrect charges, non-delivery, defective files or a product materially different from its description. Free samples have no purchase amount to refund.

Read the refund policy

Privacy & getting help

How do I delete my saved data or account?

Remove saved designs and collections through their library pages. Clear browser site data to remove local guest saves, drafts and preferences. Account deletion is a separate request: contact FrameShelf from the account email where possible. There is no self-service account-deletion button yet.

Read privacy and data choices
How can I contact FrameShelf?

Email support@getframeshelf.com with the design name, page URL and a description of the issue. For billing or partnership enquiries, choose the relevant topic on our contact page. Do not send passwords, API keys, OTPs or full payment-card information. Emailing us does not subscribe you to marketing messages.

Contact FrameShelf
FrameShelf

Explore the library

Build something

Learn & support

Browse by industry
Your ideas. A head start.

Combine a few good sections into a page that feels like you.

Try the composer
A little help getting started