Update v5.0 - Preline MCP, AI Prompts, Animated Icons and more. Visit Changelog

Built with AI

From product idea to complete interface

Explore live Tailwind CSS website and web app demos built by coding agents using Preline MCP, Agent Skills, and real Preline UI source.

Built for the agents you already code with

51 live demos built by coding agents

Explore live interfaces created by coding agents using Preline MCP, Agent Skills, and real Preline UI source.

The Good Measure accounting services demo in light mode

Good Measure

Accounting and business advisory

The Alder and Rowe legal services demo in light mode

Alder & Rowe

Law firm and legal services

The Onyx demo in light mode

Onyx

Ride hailing

The Butter and Bloom demo in light mode

Butter & Bloom

Bakery

The Small Works demo in light mode

Small Works

Handyman

The Turnkey demo in light mode

Turnkey

Locksmith

The Stillroom demo in light mode

Stillroom

Photography studio

The Ridge & Rain demo in light mode

Ridge & Rain

Roofer

The Hullo kids activities club demo in light mode

Hullo

Kids activities & holiday club

The Sideplate cafe and restaurant demo in light mode

Sideplate

Cafe & dine-in restaurant

The Between counselling practice demo in light mode

Between

Counselling practice

The Nextlane driving school demo in light mode

Nextlane

Driving school

The Vesper House wedding and event venue demo in light mode

Vesper House

Wedding and event venue

The Offset optician and eyewear demo in light mode

Offset

Optician and eyewear

The Sill interior design and architecture demo in light mode

Sill

Interior design and architecture

The Keen tutoring and learning centre demo in light mode

Keen

Tutoring and learning centre

The Yard and Key real estate agency demo in light mode

Yard & Key

Real estate agency

The Setpoint gym and personal training demo in light mode

Setpoint

Gym and personal training

The Stillform yoga and Pilates studio demo in light mode

Stillform

Yoga and Pilates studio

The Offstem florist demo in light mode

Offstem

Florist and flower delivery

The Goodkind Veterinary demo in light mode

Goodkind Veterinary

Veterinary clinic

The Daywell demo in light mode

Daywell

Cleaning service

The Fieldguard demo in light mode

Fieldguard

Pest control

The Palette House demo in light mode

Palette House

Painter

The Groundwork demo in light mode

Groundwork

Landscaping

The Revolv demo in light mode

Revolv

Car workshop

The Gloss demo in light mode

Gloss

Car detailing

The Everyday Repair demo in light mode

Everyday Repair

Appliance repair

The Torque Tyre Co. demo in light mode

Torque Tyre Co.

Tyre shop

The Carry demo in light mode

Carry

Moving company

The Fold demo in light mode

Fold

Laundry

The Sunday Barber demo in light mode

Sunday Barber

Barber shop

The Forma demo in light mode

Forma

Hair salon

The Miro Nail Studio demo in light mode

Miro Nail Studio

Nail salon

The Serein demo in light mode

Serein

Massage spa

The Brightside Dental demo in light mode

Brightside Dental

Dental clinic

The Stride demo in light mode

Stride

Physiotherapy clinic

The Northgate Plumbing demo in light mode

Northgate Plumbing

Plumbing services

The Skyroute demo in light mode

Skyroute

Travel search

The Agents demo in light mode

Agents

Agent console

The Ringmain demo in light mode

Ringmain

Electrical services

The Coil & Line demo in light mode

Coil & Line

Aircon service

The Fluff Club demo in light mode

Fluff Club

Pet grooming

The Team Chat demo in light mode

Team Chat

Collaboration

The Music Player demo in light mode

Music Player

Media library

The Stay demo in light mode

Stay

Travel stays

The Online Store demo in light mode

Online Store

Ecommerce

The DashBite demo in light mode

DashBite

Food ordering

The Product Spec demo in light mode

Product Spec

Docs workspace

The Jordan Lee demo in light mode

Jordan Lee

Developer profile

The Arcwell demo in light mode

Arcwell

Energy supply

Preline MCP

Connect your coding agent to Preline MCP and build with real components and blocks.

Build your own demo

Read the MCP documentation

Simple pricing

Preline plans and pricing

Get lifetime access to downloadable Preline Pro blocks, templates, AI Prompts, and animated icons for unlimited Tailwind CSS projects, with free future updates.

Open Source

Free

Free access to the open-source library for unlimited projects and developers.

Free access, no account required
  • Unlimited Projects
  • Unlimited Developers
  • Lifetime access
  • Free Updates
  • AI Prompts New
  • Access to all free 640+ components
  • Access to 189 Blocks
  • Download 5 premium templates with 5 main pages
  • Free Figma Design System
  • Community Support
  • Re-Distribution

Pro

$249

Perfect for Solo Developers with unlimited personal and commercial projects.

Get Pro access
  • Unlimited Projects
  • Single Developer
  • Lifetime access
  • Free Updates
  • AI Prompts New
  • Access to all free 640+ components
  • Access to all 780+ Blocks
  • Download all 21 premium templates with 207 pages
  • 51 Built with Al demos New
  • Free Figma Design System
  • 100 Animated Icons New
  • General Support
  • No Re-Distribution
  • Preline MCP New Included free through January 1, 2027

Team

$459

Ideal for small to medium teams for any number of commercial projects.

Get Team access
  • Unlimited Projects
  • Up to 15 Developers
  • Lifetime access
  • Free Updates
  • AI Prompts New
  • Access to all free 640+ components
  • Access to all 780+ Blocks
  • Download all 21 premium templates with 207 pages
  • 51 Built with Al demos New
  • Free Figma Design System
  • 100 Animated Icons New
  • General Support
  • No Re-Distribution
  • Preline MCP New Included free through January 1, 2027

Enterprise

Custom

Built for Re-Distribution, perfect for teams and projects of all sizes.

  • Single Project
  • Unlimited Developers
  • Lifetime access
  • Free Updates
  • AI Prompts New
  • Access to all free 640+ components
  • Access to all 780+ Blocks
  • Download all 21 premium templates with 207 pages
  • 51 Built with Al demos New
  • Free Figma Design System
  • 100 Animated Icons New
  • SLA & Priority Support
  • Re-Distribution
  • Preline MCP New Included with Enterprise deployment

Standard local taxes and VAT may apply, following the laws of your country.

Have pricing or license questions?

Built with AI FAQs

What is Built with AI?

Built with AI is a showcase of complete, working interfaces created by coding agents using Preline AI tools and real Preline UI source. Each example is a live page that demonstrates what agents can assemble for a product experience.

How were these interfaces built?

Coding agents use Preline MCP to discover and retrieve components and blocks, AI Prompts to guide structure and behavior, and Agent Skills to handle setup, theming, placement, and validation.

Are these templates?

No. These demos are AI built showcases created with Preline MCP and Agent Skills. Preline Templates are handcrafted, curated, and maintained page sets.

Can I download the AI demos?

Yes. Preline Pro users can download the complete demo source from this page. Sign in and use the Download Demos button to get the files.

Do the demos use Preline themes?

Yes. The examples can use built in Preline themes or custom theme definitions to match the product and brand direction.

Can I build the same thing in my own project?

Yes. Connect your agent to Preline MCP, give it a product brief, and let it adapt Preline components and blocks to your framework, theme, and application shell.

Still have questions?