Skip to main content

DesignPrompts LandingKit

One foundation. Endless unique designs. No two sites look the same.

Hand LandingKit to your coding agent and give it the freedom to build beautiful sites in all 21 styles. Blocks come in multiple Variations, giving your agent countless combinations of sections and layouts. With full React and Tailwind source to adapt, it can shape every detail around your ideas and give each site a look of its own.

Choose from 21 core styles.

SoftwareLanding page preview

Scroll to explore the full page.

Everything you get

Build a page from matching parts.

Choose from 58 blocks, plus primitives and app screens, in 21 core styles. Install the React and Tailwind source one component at a time.

  • 37

    Primitives

    Buttons, inputs and everyday controls.

  • 58

    Blocks

    Page sections, forms and app parts.

  • 3

    Interfaces

    Overview, Inbox and Settings screens.

  • 21

    Styles

    A complete catalogue in 21 core styles.

  • Install one at a time

    Install the components you need, with their dependencies.

  • Every update

    New components, styles and fixes are included while your Pro subscription is active.

  • Unlimited projects

    Build your own products and client projects under the Pro licence.

  • Built for coding agents

    Give your agent working source to read, combine and adapt.

Style

Overview

  • Active projects12+2 this month
  • Tasks completed84+16 this week
  • Files shared236+28 this week
  • Avg. review time3.2 hours1 hour faster this month

Recent activity

Recent activity 6
PersonActionProjectDate
SCSarah ChenPublished the guideNorth Studio print run
MAMaya AndersenUploaded new photosFieldwork portfolio
MJMarcus JohnsonApproved the layoutAutumn shop
ERElena RodriguezLeft review notesSeptember release
SCSarah ChenShared the first draftStudio newsletter
MJMarcus JohnsonClosed the projectSummer archive

API calls this month

6,840 / 10,000 calls
x

Tasks

21 distinct styles.

Preview the same component in each style.

One structure. 21 styles.

Compare styles here, then install the one you choose.

Your agent's design foundation

Optimised for Agentic Development

Give your agent the context to understand the design and the code to build it. It can choose components, compose complete pages and adapt every detail to your product.

  • Design context included

    Style prompts put the typography, spacing and visual rules in your agent's hands.

  • Working code, ready to use

    Install the components it needs and save your tokens for the work unique to your product.

  • Freedom to keep building

    Your agent can edit the React and Tailwind source, swap blocks and create new pages.

orbitScripted demoBrief
0 files
    Style

    Component library

    Find the next part of your page.

    Preview buttons, page sections and app screens in your chosen style. Install each as a React file you can edit.

    StyleView all 98 components
    Show

    Block categories

    • Button

      Primitive

    • Text input

      Primitive

    • Select

      Primitive

    • Tabs

      Primitive

    • Card

      Primitive

    • Pricing

      Block

    • Hero

      Block

    • Footer

      Block

    Simple pricing

    One plan. Every style.

    Pro includes LandingKit in every style and every Gallery System. Subscribe yearly or quarterly for access to new components, Systems and updates.

    One plan

    Pro licence

    LandingKit and every Premium Gallery System.

    Billing period

    $15per monthbilled $180 a year

    Save $60 a year compared with quarterly billing.

    • LandingKit in all 21 styles, every Variation and Interface
    • Every Premium Gallery System
    • Agent skills for every System
    • Every update while you subscribe
    • Use in unlimited projects
    • Renews until you cancel
    • Cancel any time
    • Unlimited projects

    Already subscribed? Your licence key is in the billing portal.

    FAQ

    Straight answers.

    How installation, editing and the Pro licence work.

    What does Pro include?

    LandingKit includes 37 primitives, 58 blocks and 3 app screens in 21 styles. Pro also includes every Gallery System, plus new releases and updates while you subscribe.

    How does the install work?

    Add the DesignPrompts registry to components.json and set your Pro licence key in your environment. Then use the shadcn CLI to install each component into your project.

    Can I use it in client and commercial work?

    Yes. Your own products and work for clients are covered. Redistributing the catalogue or using it to supply another registry is not.

    Do I need a specific framework?

    React with Tailwind CSS, installed through the shadcn CLI. Each component builds on Base UI for behaviour and carries its own styles.

    Can I change the components?

    Yes. Each component installs into your project as source. Edit it yourself or ask your coding agent to adapt it.

    Do I get updates?

    Yes, for as long as you subscribe. Reinstall a component to pick up its latest version.

    What happens if I cancel?

    Pro stays active until your paid period ends. After that, you can keep using the files in the projects where you used them. New installs, downloads and updates stop until you subscribe again.

    Is it built for coding agents?

    Yes. Pro installs the source and style tokens into your project, so your agent has code to read and adapt.