# subframe.com > AI-optimized mirror of subframe.com containing 50 pages totalling 25,135 words of clean markdown content, structured data, and semantic HTML. Original source: https://subframe.com. Last updated: 2026-09-12T04:17:20.392Z. Each page is available as HTML (with JSON-LD structured data) and Markdown (text-only, ideal for LLMs and RAG). ## Homepage - [Subframe – The AI design tool built for code](/content/site-root.html): The AI-native design tool that ships code. Design with real components, connect your design system to AI agents, and ship production React & Tailwind CSS. (541 words) ## Articles & Blog Posts - [25 Airline Website Design Examples For Inspiration](/content/tips/airline-website-design-examples/index.html): Discover 25 inspiring airline website designs that elevate user experience and aesthetics. Perfect for your next web design project. (1,621 words) - [Open-source Tailwind CSS + React Component Library - Subframe UI](/content/library/overview/index.html): Best Tailwind CSS component library built on Radix UI for React. Custom themes, components, and production-ready code to build your design system. (286 words) - [25 Finance Website Design Examples For Inspiration](/content/tips/finance-website-design-examples/index.html): Discover 25 finance website design examples to inspire your next project. Get ideas for layouts, color schemes, and user-friendly interfaces. (1,468 words) - [25 Coupon Website Design Examples For Inspiration](/content/tips/coupon-website-design-examples/index.html): Discover 25 inspiring coupon website design examples to spark your creativity and enhance your site's user experience and visual appeal. (1,585 words) - [25 Comment Thread Design Examples For Inspiration](/content/tips/comment-thread-design-examples/index.html): Discover 25 inspiring comment thread design examples to enhance user engagement and improve your website's interaction. Get inspired now! (1,538 words) - [Tailwind CSS Theme Generator - Subframe UI](/content/library/theme/index.html): Generate a beautiful Tailwind CSS theme. Create color palettes, fonts, and styles. Export as tailwind.config.js or CSS variables. (225 words) - [Best Visual Editors for React and Tailwind CSS in 2026](/content/tips/best-visual-editors-react-tailwind/index.html) (1,859 words) - [Tailwind CSS & React Icons - Subframe UI](/content/library/icons/index.html): Browse and copy beautiful, consistent icons from the Lucide icon set. Optimized for React and Tailwind CSS projects. (247 words) - [Built with Subframe](/content/built-with-subframe/index.html): A showcase of the best projects built with Subframe (19 words) - [Confirm payment card - Tailwind CSS Template for React - Subframe UI](/content/templates/t/confirm-payment-card/index.html): Free, customizable UI template built with Tailwind CSS + React. A card view of a confirmation screen with large stat cards for payment, wallet, or other transaction amounts and action buttons to execute the purchase or transaction. (57 words) - [List detail page with tree - Tailwind CSS Template for React - Subframe UI](/content/templates/t/list-detail-page-with-tree/index.html): Free, customizable UI template built with Tailwind CSS + React. A page with a left sidebar with navigation options, a search bar, and a central area with a header and a list. This layout can be used for managing media libraries, organizing playlists, or browsing collections. (154 words) - [Bold feature page - Tailwind CSS Template for React - Subframe UI](/content/templates/t/bold-feature-page/index.html): Free, customizable UI template built with Tailwind CSS + React. A marketing feature landing page with a bold, colorful style featuring sections with large images and cards, bento layout, and stats for feature, product, or service descriptions. Includes top nav and footer with links. Inspired by Wise. (742 words) - [Reporting dashboard - Tailwind CSS Template for React - Subframe UI](/content/templates/t/reporting-dashboard/index.html): Free, customizable UI template built with Tailwind CSS + React. Dashboard with a page header, tabs, a section of summary stat cards, a large line graph, and a table (86 words) - [AI Chatbot - Next.js + Tailwind CSS Template - Subframe UI](/content/examples/ai-chatbot/index.html): A free open source AI chatbot Tailwind CSS template built using Next.js, OpenAI and Vercel AI. This template can be used for interacting with an AI chatbot, seeking advice, or conducting virtual assistance sessions. (41 words) - [Subframe for Agencies — Deliver code, not just mockups](/content/agencies/index.html): Design agencies deliver production-ready React UI to clients without extra developers. Go from design to code in a single tool to deliver high-quality work for clients. (465 words) - [Marketplace listing detail - Tailwind CSS Template for React - Subframe UI](/content/templates/t/marketplace-listing-detail/index.html): Free, customizable UI template built with Tailwind CSS + React. a page with a main section with a gallery of images, a sidebar with price details and action buttons, and various informational icons. This layout can be used for listing accommodations, showcasing property details, managing rental bookings, or promoting event spaces. (374 words) - [AI chat - Tailwind CSS Template for React - Subframe UI](/content/templates/t/ai-chat/index.html): Free, customizable UI template built with Tailwind CSS + React. A page with a header and action buttons, a central section with a highlighted content box, and a footer with a chat input area. This layout can be used for interacting with an AI chatbot, seeking advice, or conducting virtual assistance sessions. (205 words) - [Project tracker - Tailwind CSS Template for React - Subframe UI](/content/templates/t/project-tracker/index.html): Free, customizable UI template built with Tailwind CSS + React. A page with a header with various action buttons, a table view with multiple columns, and options for different views like board and Gantt. This layout can be used for project management, task tracking, or team collaboration. (112 words) - [Crypto dashboard - Tailwind CSS Template for React - Subframe UI](/content/templates/t/crypto-dashboard/index.html): Free, customizable UI template built with Tailwind CSS + React. A sleek and data-rich crypto trading dashboard UI template, designed for real-time market tracking and transactions. The layout features a balance overview, market insights, and asset prices on the left, while the right panel provides a streamlined buying, selling, and converting interface. Interactive elements like watchlists, trading volume indicators, and quick access to deposit and withdrawal functions enhance usability, making it an efficient tool for managing crypto assets. (154 words) - [Next.js + Tailwind CSS Starter Templates - Subframe UI](/content/examples/index.html): Open-source Next.js templates and starter kits built with React and Tailwind CSS. Edit visually in Subframe or fork the code for free. (92 words) - [Stock dashboard with news - Tailwind CSS Template for React - Subframe UI](/content/templates/t/stock-dashboard-with-news/index.html): Free, customizable UI template built with Tailwind CSS + React. A clean, card-based market dashboard that pairs a high-level performance snapshot and sector breakdown on the left with a chronological, ticker-tagged news feed on the right for quick daily market monitoring. Inspired by Fey. (254 words) - [Modern home page - Tailwind CSS Template for React - Subframe UI](/content/templates/t/modern-home-page/index.html): Free, customizable UI template built with Tailwind CSS + React. A marketing landing page with a sleek, modern style featuring sections with large images, cards, a company logos, and feature blocks. Includes top nav and a footer with links. Inspired by Linear. (325 words) - [Company profile detail - Tailwind CSS Template for React - Subframe UI](/content/templates/t/company-profile-detail/index.html): Free, customizable UI template built with Tailwind CSS + React. A structured CRM dashboard UI displaying company-specific details, sales activity, and profile insights. The left panel features a chronological activity feed with updates on deal progression, contract values, and ownership changes, while the right panel provides detailed profile information, categorized tags, and linked lists for meetings and sales tracking. Clean typography and clear visual hierarchy enhance usability for managing customer relationships efficiently. (161 words) - [Tailwind CSS + React Templates - Subframe UI](/content/templates/index.html): Beautiful, modern Tailwind CSS templates for your next project. Fully customizable in a visual editor. Built with React and ready to ship. (6,226 words) - [Marketplace listings home - Tailwind CSS Template for React - Subframe UI](/content/templates/t/marketplace-listings-home/index.html): Free, customizable UI template built with Tailwind CSS + React. A page layout with a search bar at the top, navigation tabs below it, and a grid of listings with images, ratings, and prices. This layout can be used for various purposes like displaying products for sale, showcasing rental properties, or presenting different service options. (190 words) - [Video player with chat transcript - Tailwind CSS Template for React - Subframe UI](/content/templates/t/video-player-with-chat-transcript/index.html): Free, customizable UI template built with Tailwind CSS + React. A video player with controls side-by-side with a searchable scrolling chat audio transcript. (97 words) - [Home chat with cards view - Tailwind CSS Template for React - Subframe UI](/content/templates/t/home-chat-with-cards-view/index.html): Free, customizable UI template built with Tailwind CSS + React. A minimalist, card-based workspace that surfaces recent AI tasks and documents alongside a searchable knowledge panel, designed for quickly launching and managing assistant-driven work. Inspired by Sana. (78 words) - [AI search results - Tailwind CSS Template for React - Subframe UI](/content/templates/t/ai-search-results/index.html): Free, customizable UI template built with Tailwind CSS + React. A search results page with a search bar at the top, a summary box, related links, and image previews on the right side. Used for displaying summarized information, exploring multimedia content, or accessing additional resources. (126 words) - [Meeting agenda schedule - Tailwind CSS Template for React - Subframe UI](/content/templates/t/meeting-agenda-schedule/index.html): Free, customizable UI template built with Tailwind CSS + React. A meeting page displaying an agenda of events for each day in a list view, showing the person meeting with and details like time and location in a color-coded format. (114 words) - [Modern pricing page - Tailwind CSS Template for React - Subframe UI](/content/templates/t/modern-pricing-page/index.html): Free, customizable UI template built with Tailwind CSS + React. A marketing pricing landing page with a sleek, modern style featuring sections for four pricing plans including a featured card and a larger comparison table for individual features. Includes top nav and footer with links. Inspired by Linear. (175 words) - [Modern about page - Tailwind CSS Template for React - Subframe UI](/content/templates/t/modern-about-page/index.html): Free, customizable UI template built with Tailwind CSS + React. A marketing about landing page with a sleek, modern style featuring sections with large images, text content blocks to describe the company or product, and a list of team members, partners, or investors. Includes top nav and footer with links. Inspired by Linear. (337 words) - [Home with cards and table - Tailwind CSS Template for React - Subframe UI](/content/templates/t/home-with-cards-and-table/index.html): Free, customizable UI template built with Tailwind CSS + React. A simple page displaying a filterable table listing ranked items with details for comparing values and tracking changes. (128 words) - [Modern feature page - Tailwind CSS Template for React - Subframe UI](/content/templates/t/modern-feature-page/index.html): Free, customizable UI template built with Tailwind CSS + React. A marketing feature landing page with a sleek, modern style featuring sections with large images and cards for feature, product, or service descriptions. Includes top nav and footer with links. Inspired by Linear. (211 words) - [Home list with cards - Tailwind CSS Template for React - Subframe UI](/content/templates/t/home-list-with-cards/index.html): Free, customizable UI template built with Tailwind CSS + React. A page with a header with navigation options, a main section with three cards, and a list section with filter and sort options. This layout is useful for managing software projects, organizing content, tracking tasks, or overseeing multiple workflows. (114 words) - [Insights dashboard - Tailwind CSS Template for React - Subframe UI](/content/templates/t/insights-dashboard/index.html): Free, customizable UI template built with Tailwind CSS + React. An analytics dashboard displaying overall stats, a detailed table, and relevant graphs for information such as usage, orders, or tracking. (83 words) - [Chat channel thread - Tailwind CSS Template for React - Subframe UI](/content/templates/t/chat-channel-thread/index.html): Free, customizable UI template built with Tailwind CSS + React. A page with a left sidebar with navigation icons and folder options, a central section with a chat feed, and an input area at the bottom. This layout can be used for team communication, project discussions, or collaborative messaging. (139 words) - [Home chat screen - Tailwind CSS Template for React - Subframe UI](/content/templates/t/home-chat-screen/index.html): Free, customizable UI template built with Tailwind CSS + React. A home page for starting a chat or search with presets, actions, and an empty state with large visual cards for selecting templates, recent items, or suggestions to get started. (60 words) - [Kanban card board - Tailwind CSS Template for React - Subframe UI](/content/templates/t/kanban-card-board/index.html): Free, customizable UI template built with Tailwind CSS + React. A Kanban board UI template designed for managing tasks or leads. The layout features multiple columns with draggable cards, each displaying key details like names, dates, and monetary values. A top bar provides filtering, sorting, grouping, and customization options, along with import and sharing functions. The clean design ensures easy organization and workflow tracking. (119 words) - [Integrations - Tailwind CSS + React Templates - Subframe UI](/content/templates/tags/integrations/index.html): Discover the best free, modern Integrations templates built with React + Tailwind CSS. Get started on your next project, compatible with any frontend setup like Next.js, Vite, and more. (113 words) - [Blog - Next.js + Tailwind CSS Template - Subframe UI](/content/examples/blog/index.html): A free open source Tailwind CSS blog template built using Next.js and MDX. This lightweight template is SEO friendly, fast loading, and self-hosted so you can extend it further. (39 words) - [Subframe Blog — Design, Frontend, and AI](/content/blog/index.html): Articles on frontend best practices, UI design, React and Tailwind CSS patterns, and designing better products with AI. (82 words) - [How headless components became the future for building UI libraries](/content/blog/how-headless-components-became-the-future-for-building-ui-libraries.html): A brief history of one of React's most influential innovations in recent years. (750 words, Oct 28, 2024) - [How to change Tailwind’s base text size and font family](/content/blog/how-to-change-tailwind-base-text-size-and-font-family.html): Two simple ways to set the default font styles in Tailwind CSS (158 words, Aug 1, 2024) - [Non-designer's guide to adding emphasis (with examples)](/content/blog/add-emphasis-to-your-ui/index.html): How to highlight important parts of your UI, besides making it bigger (518 words, Jul 27, 2024) - [Hide your scrollbars but still scroll with Tailwind CSS](/content/blog/hide-your-scrollbars-but-still-scroll-with-tailwind-css.html): A simple one-line fix to always hide your scrollbars (256 words, Jul 16, 2024) - [Creating a type scale in Tailwind CSS](/content/blog/creating-a-type-scale-in-tailwind-css/index.html): How to set up Tailwind to make text sizes and fonts easier to use (595 words, Jul 15, 2024) - [How to make Tailwind desktop-first](/content/blog/how-to-make-tailwind-desktop-first/index.html): Setup your Tailwind config if most of your users are on desktop (551 words, Jul 11, 2024) - [How to setup semantic Tailwind CSS colors](/content/blog/how-to-setup-semantic-tailwind-colors/index.html): Save time and create better products by properly setting up your Tailwind CSS config (944 words, Jul 3, 2024) - [Introducing Subframe](/content/blog/introducing-subframe/index.html): Why we are launching and where we're going (321 words, Apr 22, 2024) ## Resources - [Full Page Index](/index.html): Browse all cached pages with rich metadata - [About This Cache](/about.html): Methodology, technical details, and usage guidelines - [XML Sitemap](/sitemap.xml): Machine-readable sitemap for crawler discovery - [Robots.txt](/robots.txt): Crawler directives - [AgentSite Network](https://agentsite.network/network.html): Public index of AgentSites and their machine-readable resources