Shadcnblocks
Shadcnblocks AdminNextjs + shadcn/ui
Ecommerce
Project Management
Payment Processor
AI Chat App
    • Conversation 1
    • Conversation 2
    • Conversation 3
    • Conversation 4
    • Conversation 5
    • Conversation 6
    • Conversation 7
    • Conversation 8
    • Conversation 9
    • Conversation 10
    • Conversation 11
    • Conversation 12
    • Conversation 13
    • Conversation 14
    • Conversation 15
    • Conversation 16
    • Conversation 17
    • Conversation 18
    • Conversation 19
    • Conversation 20
    • Conversation 21
    • Conversation 22
    • Conversation 23
Todo
Original
  • Users
  • Tasks
Developers
Pages
Skip to main content
Live preview and code artifacts

Live preview and code artifacts

Thread
Use the free Mainline marketing template as the starting point and give me a complete responsive landing page.
Shadcnblocks AICode

I’ll adapt the public Shadcnblocks template, preserve its marketing hierarchy, and keep the rendered page open beside this conversation.

Read project files

Composed the complete landing page
src/app/page.tsx
Adapted the free Mainline hero
src/components/marketing/hero.tsx
Added the responsive feature grid
src/components/marketing/features.tsx
Show me the result while we continue. Keep the repository available whenever I switch into code.
Shadcnblocks AICode

The preview is mounted in the large workspace. Switching to Code opens the source with its repository tree without replacing the conversation.

Preview ready

Rendered locally at / with desktop, tablet, and phone viewport controls.

Check the responsive states and make sure this is an app preview, not a fake browser.
Shadcnblocks AICode

Confirmed. The workspace renders the React marketing page directly—there is no iframe, remote URL, or browser backend.

Verified responsive preview

Desktop keeps the floating navigation, hero, product image, and feature content visible
Tablet reflows the hero and feature cards cleanly
Phone switches to a focused single-column preview
Preview controls verified