WebberUI

AI Generation Tool

AI generation app plus marketing page: generation UI, token economy, marketplace.

ProContentAI8 sections
See it liveSee the plans

Install

npx shadcn@latest add "https://webberui.com/r/ai-generation-tool.json?t=<install token>"

The whole page lands in app/templates/ai-generation-tool/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.

Sections it ships with

Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.

  1. 1

    Navigation and Hero

    A dark neon nav bar over a typing prompt box, with the hero generating four AI variants live.

    hero
  2. 2

    Conversational Editing

    Replies stream in word by word as chat bubbles, showing how an image gets refined by talking to the model like a creative director.

    content
  3. 3

    Capability Grid

    An irregular card grid covering five core capabilities, from style switching and layer editing to super-resolution upscaling.

    features
  4. 4

    Three-Step Workflow

    Animated connectors link the three steps: describe the image, pick a style and ratio, then refine and export.

    timeline
  5. 5

    Token Economy and Style Market

    Token spend and balance explained on the left, with community-published style recipe cards laid out below.

    product
  6. 6

    Pricing

    Three token subscriptions — Starter, Pro and Studio — with the middle plan framed in neon.

    pricing
  7. 7

    Closing Call to Action

    A brand mark and two buttons over a parallax glow, inviting visitors to start generating for free.

    cta
  8. 8

    Footer

    A dark footer with a brand blurb, social links and three link columns for product, resources and company.

    footer

What you get is source code

Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.

Browse the other 103 templates →