TypeUI logoTypeUI

Product updates

Changelog

Release notes for TypeUI Insights analytics, Creative design tools, prompts, design skills, dashboard improvements, and platform fixes.

Release

UI sound effects library

Give your interface a little more personality with 120 UI sound effects across 27 categories. Hear each sound in a working example, then copy its matching prompt into Claude, Codex, Cursor, or your favorite AI coding tool.

What we shipped

Notes

  • Explore sounds for buttons, toggles, keyboard input, modals, notifications, and more—from subtle everyday feedback to expressive accents.
  • Try the live previews for free and hear how each sound fits its interaction.
  • Copy the matching implementation prompts with TypeUI Creative or All-access.

Release

TypeUI Insights support for MCP

You can now ask Claude, Codex, Cursor, and other MCP-compatible AI tools about your website's performance. Explore traffic, compare periods and websites, and understand connected revenue and Google Search Console data without exporting your dashboard.

What we shipped

Notes

  • Ask questions in plain language about sessions, pageviews, engagement, top pages, traffic sources, campaigns, and custom events.
  • Compare date ranges and performance across verified websites you have access to.
  • Include revenue and Google Search Console results when those sources are connected and allowed in the website's MCP settings.
  • Available with Insights and All-access plans. Sign in with your TypeUI account and choose what your AI tool can read in Website settings → MCP settings.
  • Analytics access is read-only and limited to aggregate results; API keys, payment credentials, and individual visitor journeys are not included. Requested results are shared with the AI tool you connect.

Release

Blackout, Blueprint, Executive, and Methodical design skills

We added four new design skills to the TypeUI registry, each with live previews across every UI category and a complete downloadable package for AI coding agents.

Design skills

Notes

  • Blackout is a dark technical system with a near-black indigo canvas, square instrument-panel geometry, disciplined grid lines, and restrained signal-color accents.
  • Blueprint is an architectural paper-warm system with exact blueprint blue, drafting coral accents, precise 2px corners, fine rules, and flat component surfaces.
  • Executive is a bright approachable system with white surfaces, deep slate actions, softly colorful sections, pill-shaped controls, and spacious product-focused layouts.
  • Methodical is an analytical editorial system with warm paper surfaces, subtle film grain, burnt-orange accents, precise hairlines, and compact product chrome.

Release

Stripe, Polar, and Paddle revenue attribution

TypeUI Insights now connects to Stripe, Polar, and Paddle with scoped read-only credentials, bringing confirmed orders, product names, and revenue into website analytics.

What we shipped

Notes

  • Connect each provider from a verified website's settings with a dedicated minimum-permission credential encrypted in Supabase Vault.
  • Sync connected providers immediately, when the website dashboard loads, on demand, and through the scheduled background refresh.
  • Compare revenue with traffic and campaigns, inspect orders by provider and product, and combine supported currencies in a USD-default chart view.
  • Share revenue only when explicitly enabled for a read-only public dashboard; provider credentials and customer payment details are never included.

Release

Google Search Console integration

TypeUI Insights now connects to verified Google Search Console properties, bringing real organic search performance into each website dashboard without mixing it with TypeUI traffic analytics.

What we shipped

Notes

  • Connect Search Console separately from Google sign-in, using only the read-only Search Console permission when a website owner chooses to enable it.
  • Match the connected Google property to the verified TypeUI Insights website before saving the connection or loading data.
  • Compare clicks, impressions, average CTR, and average position with an independent Search performance date range.
  • Explore queries, pages, countries, and devices with search, global sorting, comparisons, and pagination.
  • Reconnect or disconnect the Google account at any time from the website settings page.

Release

UI animation prompts

We launched 281 live UI animations across 21 categories, with copy-ready prompts that help AI coding tools generate polished, interactive interfaces.

What we shipped

Notes

  • Explore live examples for buttons, inputs, selection controls, modals, drawers, dropdowns, charts, cards, and more.
  • Preview every animation publicly before choosing the interaction that fits your interface.
  • TypeUI Creative members can copy the matching prompt into Claude, Codex, Cursor, and other AI coding tools.

Release

We acquired TypeUI.com 🎉

TypeUI.com is officially ours. Nothing changes about how TypeUI works or how customers use it today—this is an investment in the future of the brand and product. Over the coming months, we will gradually move from TypeUI.sh to our new home at TypeUI.com.

What we shipped

Notes

  • TypeUI remains the same product with the same usability, features, and customer experience.
  • A shorter, clearer .com domain is a long-term investment that gives TypeUI a stronger home as the product grows.
  • We will transition the website, product, documentation, and related services from TypeUI.sh to TypeUI.com gradually over the coming months.
  • We will share migration updates along the way so customers have clear notice before anything changes.

Release

TypeUI Insights

We launched TypeUI Insights, an AI-first, privacy-focused website analytics product that connects traffic, visitor journeys, conversions, and UI behavior with AI-ready context.

What we shipped

Notes

  • Turn selected periods, comparisons, filters, traffic, campaigns, events, and UI data into structured Markdown snapshots for AI tools.
  • Follow live visitors, page-by-page session journeys, engagement, bounce rate, and time on site.
  • Improve interfaces with clicks, frustration signals, scroll depth, and page heatmaps.
  • Measure conversions, custom product events, UTM campaigns, channels, and referrers.
  • Understand traffic sources and audience patterns across locations, devices, browsers, and operating systems.
  • Use consent-gated, data-minimized analytics designed for privacy-conscious and GDPR-focused deployment.
  • Track unlimited websites, keep analytics history while subscribed, and use a 30-day recovery period after access ends.

Release

Warm and Organic design skills

We added Warm and Organic to the TypeUI registry, each with its own live preview and complete design skill package for MCP-connected AI coding tools.

Design skills

Notes

  • Warm is a quiet editorial system with paper-warm surfaces, deep petrol actions, crisp 2px geometry, unified Inter typography, subtle hairlines, and flat ivory panels.
  • Organic is a soft editorial system with a deep-teal hero, pale amber actions, serif headings, warm gray surfaces, borderless white panels, and generously rounded geometry.

Release

Charm design skill

We added Charm to the TypeUI registry with its own live preview and downloadable skill package for AI coding agents.

Design skills

Notes

  • Charm is a warm, polished, and friendly system with vivid coral actions, cream hero and footer bands, pill-shaped controls, soft panels, confident display typography, and restrained depth.

Release

Website UI/UX audits

We launched TypeUI website audits for scoring a live interface, finding actionable UI/UX issues, and inspecting each improvement directly on the captured page.

What we shipped

Notes

  • Audit any website URL across accessibility, user experience, visual design, typography, and color fundamentals.
  • Review WCAG-informed contrast checks, category scores, and numbered issue overlays directly on the page preview.
  • Open saved reports from My Audits and download the complete AUDIT.md report with Pro access.

Release

Vertical design skill

We added Vertical to the TypeUI registry with its own live preview and downloadable skill package for AI coding agents.

Design skills

Notes

  • Vertical is a polished technical system with cool light-gray surfaces, raised white panels, charcoal brand accents, strict 4px corners, monospace labels, and editorial serif headings.

Release

Pure and Cypherpunk design skills

We added two new design skills to the TypeUI registry, each with its own live preview and downloadable skill package for AI coding agents.

Design skills

Notes

  • Pure is a dark-first technical system with near-black grain surfaces, raised charcoal panels, vivid peach actions, sharp controls, 6px cards, and monospace uppercase UI details.
  • Cypherpunk is a stark retro-tech system with one electric-lime surface, near-black ink typography, raised beige components, 2px borders, and pixel-edged UI structure.

Release

Calm, Essential, and Contemporan design skills

We added three new design skills to the TypeUI registry, each with its own live preview and downloadable skill package for AI coding agents.

Design skills

Notes

  • Calm is a polished greige system with dark hero and footer surfaces, deep teal accents, pill controls, 24px cards, flat borders, and quiet editorial precision.
  • Essential is a bright tactile system with neutral light-gray surfaces, vivid blue accents, pill controls, 20px rounded cards, and soft layered depth.
  • Contemporan is a bold technical system with electric ultramarine hero and footer surfaces, white bordered sections, lime accents, serif headings, monospace UI, and crisp 1px corners.

Release

Atlas, Astra, Kinetic, and Cream design skills

We added four new design skills to the TypeUI registry, each with its own live preview and downloadable skill package for AI coding agents.

Design skills

Notes

  • Atlas is a clean technical system with white content surfaces, saturated indigo brand moments, square shells, hairline borders, and compact Inter typography.
  • Astra is a dark-first violet system with near-black surfaces, raised deep-purple panels, luminous brand glow, pill controls, and 24px rounded shells.
  • Kinetic is a dense technical system with JetBrains Mono typography, kinetic yellow actions, deep navy accents, flat surfaces, and 4px component geometry.
  • Cream is a warm rounded system with cream and soft-gray section surfaces, vivid blue brand actions, Montserrat typography, lighter-tint cards, and gentle borders.

Release

Design skill previews for every UI category

Every TypeUI design skill now includes live previews across Marketing, Application, and E-commerce UI categories, so you can compare how a visual direction behaves across different product surfaces before choosing a skill.

What we shipped

Notes

  • Each design skill can now be previewed as a Marketing, Application, or E-commerce interface.
  • The expanded previews make it easier to choose a design skill based on the type of UI you are building.
  • Preview thumbnails and live examples now better reflect how each skill adapts across product surfaces.

Release

Brand kit creator

We added a public brand kit creator for generating a logo, color palette, typography reference, and BRAND.md file that TypeUI projects can use with AI coding tools.

What we shipped

Notes

  • You can now generate a brand kit with a logo mark, brand colors, and typography reference before creating the UI.
  • The brand kit includes project name, logo, typography reference, and brand colors for AI coding tools.
  • PNG, SVG, and BRAND.md downloads are available from the preview.

Release

TypeUI Pricing Changes

Design skills and UI prompts can be explored by Free accounts, while copying, downloading, MCP access, and project creation require Pro.

What we shipped

Notes

  • Free accounts can explore design skills and UI prompts before upgrading to Pro.
  • Copying prompts, copying or downloading design skills, MCP access, and creating projects require Pro.
  • Pro is available with yearly or monthly billing, with yearly access selected by default.
  • Pro keeps TypeUI focused on daily AI workflow use: TypeUI requests, more design systems, up to 5 variations, and up to 3 cleanup loops.
  • If you purchased TypeUI before June 17, 2026 and are not satisfied with this change, you can request a refund: .
  • We appreciate your support and will keep improving TypeUI for Free and Pro users.

Release

MCP matching, cleanup, and marketing navbars

We updated the TypeUI MCP matching algorithm so prompts resolve to more relevant UI categories, added cleanup loops for MCP-generated sections, and released a new set of marketing navbar prompts.

What we shipped

Notes

  • MCP now uses improved matcher scoring so marketing, application, and e-commerce navbar requests resolve to the intended prompt sets.
  • Cleanup can ask your AI tool to review each generated section for spacing, responsiveness, accessibility, hierarchy, and usability before moving on.
  • The new marketing navbar prompts cover centered brands, announcements, trust bars, utility rows, joined search, locale controls, and conversion CTAs.

Release

E-commerce prompts and new design skills

We added a complete e-commerce prompt collection for storefronts, product pages, checkout, orders, returns, and customer support flows, plus 10 new design skills for giving AI coding tools more visual directions.

What we shipped

Notes

  • The e-commerce prompts cover storefront heroes, navigation, promotional banners, product discovery, product detail sections, checkout, payment, order management, returns, and support flows.
  • The new design skills are Minimax, Anime, Matcha, Pragmatic, Nostalgia, Forest, Machine, Mars, Dark, and Candy.
  • These resources are available for subscribers through the website and TypeUI MCP.

Release

Current project packages

Workspace projects now keep one current package that MCP can pull from the latest saved project state.

What we shipped

Notes

  • Each project has one current generated package.
  • Saved brand kit, design skill, and markdown edits update that package.
  • MCP installs the latest saved package for a project.

Release

Design systems and Figma import

We added workspace design systems so you can create, import, edit, publish, and use markdown design systems through TypeUI MCP, plus a beta Figma importer that turns Figma files into editable markdown source files.

What we shipped

Notes

  • Design systems can now start from a TypeUI theme, a markdown ZIP upload, or a Figma file.
  • Published design systems are available through TypeUI MCP so AI tools can list and install them for a project.
  • The Figma importer extracts styles, component sets, variants, typography, radii, shadows, fills, strokes, layout details, and matching examples into editable markdown.

Release

New integrations, modals, and drawers

We added new integration guides for Mistral AI, Lovable, Replit, and v0, plus a new batch of application prompts for modal dialogs and off-canvas drawers.

What we shipped

Notes

  • The new modal prompts cover forms, confirmations, alerts, filters, upload flows, and destructive actions.
  • The new drawer prompts cover single-column forms, split forms, checklist workflows, filter panels, accordions, range sliders, and option cards.

Release

New hero sections and dashboard widgets

We added 35 new UI prompts for hero sections and dashboard widgets.

What we shipped

Notes

  • Hero prompts now cover mockups, signups, galleries, grids, banners, and download pages.
  • Widget prompts now cover uploads, metrics, lists, forms, maps, timelines, and controls.

Release

New integration guides

We added integration guides for more AI coding tools so you can connect them to TypeUI and start using design systems, UI prompts, and layout variations.

What we shipped

Release

TypeUI MCP server, integrations, and layout variations

We built the TypeUI MCP server so TypeUI can now be installed in major AI coding tools, with guided setup for Codex, Claude, and Cursor.

What we shipped

Notes

  • TypeUI MCP brings design systems, UI prompts, layout variations, and setup guidance into one connection.
  • The new variation algorithm selects the best layout directions based on the ideas you describe.

Release

Release

Release

Release

Google and GitHub authentication

We improved the sign-in experience with Google and GitHub authentication.

Notes

  • Google sign-in is now available.
  • GitHub sign-in is now available.

Release

Contact section prompts

We added 9 prompts for contact forms and contact information layouts.

What we shipped

Release

Release

Feature section prompts

We released 16 feature-section layout prompts for explaining product benefits and guiding visitors toward action.

What we shipped

More design skills and pricing prompts

We expanded the design-skill catalog with 10 new skills and added 20 pricing section prompts after the hero section launch.

What we shipped

Notes

  • We launched a Google Chrome extension that extracts styles from any website and generates DESIGN.md files for AI coding tools like Claude, Cursor, Codex, and Google Stitch.
  • We added Firefox and Microsoft Edge extensions so more browser workflows can extract a website's visual style into DESIGN.md.
  • We released an open-source Figma plugin that extracts local styles (tokens and variables) and generates DESIGN.md and SKILL.md files you can integrate with any AI tool.