About FrameShelf
A design library for people who want a considered starting point for their next website.
FrameShelf brings landing pages and reusable UI sections into one place, with working previews and clear source-access information. It is built for developers, designers, founders and people building with AI coding tools.
A page you can explore
Go beyond a thumbnail. Open the live preview, scroll through the page and check its narrow-screen layout before choosing a direction.
Browse landing pagesA section that fits
Find a hero, pricing table, FAQ or footer when you need one piece of a page. Check each section’s files and styling before combining it with your project.
Explore UI sectionsA practical starting point
Source files preserve the implemented layout. Design prompts explain the direction. You can edit available source yourself or use it as context for an AI coding assistant.
Read the workflowWhy FrameShelf exists
Choosing a design and building it are often separate tasks. An inspiration image may leave you guessing how the page behaves, while a starter project may tell you little about the design. FrameShelf puts the preview, source information and design instructions beside each other so you can decide what is useful before you start.
The collection explores different visual directions, from Orbit’s dark SaaS interface to AFTERHOURS’ editorial product page and YUGEN’s fantasy-game world. Each design is a starting point to adapt to your own content and audience.
What you can use today
Browse the collection and open previews. Orbit and AFTERHOURS are free full-page source downloads, alongside selected free sections. Other resources are marked premium; paid checkout is not open. The Source tab on each design explains its current access status.
Guest bookmarks and collections are stored in your browser. A source download is a website project, not a managed hosting service. Template checkout, account and form examples may be demonstrations that need your own backend.
Clear expectations before you build
We distinguish Preview, Source and Prompt because they serve different purposes. A copied prompt does not guarantee an identical design. A source package gives you the implemented files; its README explains setup and dependencies.
Sample brands and campaign content are fictional. Review the included licence, replace demo content and test your adaptation before publishing. Read How to use FrameShelf for the complete download workflow.
Talk to FrameShelf
Have a setup question, a licensing enquiry or feedback on a design? The Contact us page lists our email and the details that help us investigate. We keep product questions, download issues and privacy requests accessible from the same place.