Skip to content

Pro pre-sale is open. Installation opens January 2027. See Pro

Pro library
Werewolf UI Pro · Pre-sale

Screens your agent starts from, built on the free Werewolf core

Every Pro screen, block and effect uses only free Werewolf components and tokens, so a new accent restyles all of them and screen ten matches screen one.

One-time payment, installs from January 2027. No subscription.

Whole screens, not loose parts

Each screen is a working page: filters, sorting, a refresh that keeps values on screen, light and dark. Try them here.

app.yourproduct.com/activityDetails

Screens

7 ready4 coming

Whole pages built from free Werewolf components. Plug in your data and ship.

All screens
  • DashboardsPro

    Product activity

    Activity line chart, metric cards with sparklines, traffic mix and a sortable page table.

  • DashboardsPro

    Audience comparisons

    Audience area chart, two-period metric changes and an acquisition mix with a channel table.

  • DashboardsPro

    Business review

    Revenue against a prior period, quarter goals with progress and a plan breakdown.

  • DashboardsPro

    Asset allocation

    Fictional portfolio value, a market summary and ranked contributors with row sparklines.

  • DashboardsPro

    Delivery tracking

    Workstream timeline with a checkpoint, scope donut and an owners and completion table.

Blocks

0 ready4 coming

Sections you drop into a page you already have: headers, tables, forms and pricing.

  • MarketingComing

    Pricing table

    Plans side by side with a billing period switch and a feature comparison.

  • MarketingComing

    Landing hero

    Headline, supporting line, two actions and a product frame.

  • DataComing

    Data table

    Filter bar, sortable columns, row selection, bulk actions and pagination.

Effects

9 ready

Decoration and motion built on the Werewolf tokens, with a reduced-motion fallback and a guard that keeps them off forms and data.

All effects
  • SurfacesPro

    Aurora

    A blurred floor of color that glows up from the bottom edge, its waves rising and falling, in seven palettes built from the Werewolf hues.

  • SurfacesPro

    Beam

    A multicolor arc runs along a card's border, and rests as a still gradient ring under reduced motion.

  • SurfacesPro

    Glow

    A two-color halo that orbits the one main action and shifts through the palette.

  • TextPro

    Shimmer

    Gradient text that flows through the palette's text colors, every stop at 4.5:1.

  • SurfacesPro

    Grain

    Film grain that flickers over a hero or empty state, tested against text contrast.

  • SurfacesPro

    Spotlight

    Two soft lights that drift from the top edge, or one under the pointer, on fills made to carry text.

Your agent writes the code. Give it screens to start from.

Back the pre-sale and get your license key today.

Get Pro