# tealmac UI > Beautiful, accessible React components for any web app, built on shadcn/ui. Free MIT components and Pro templates, installed with the shadcn CLI. This file provides LLM-friendly entry points to documentation and examples. ## Agent integration - [MCP server](https://ui.tealmac.com/mcp): stateless Streamable HTTP endpoint (POST JSON-RPC). Tools: list_categories, search_items, list_items, get_item, get_install_command, get_quality_rules. Client config: https://ui.tealmac.com/mcp.json - [Registry index](https://ui.tealmac.com/r/registry.json): every free item in shadcn registry format; each item is at https://ui.tealmac.com/r/.json - [Full text](https://ui.tealmac.com/llms-full.txt): component source and examples, split into files of at most 400 KB ## Free and Pro - FREE: components, charts, presets and every theme except the Pro theme packs. MIT-licensed; install with the shadcn CLI, no key needed. - PRO: blocks, templates and the Pro theme packs (pro-editorial-serif, pro-fintech-precision, pro-playful-rounded, pro-brutalist-mono, pro-glass-night, pro-paper-warm, pro-high-contrast, pro-neon-arcade, pro-nordic-calm, pro-luxury-gold, pro-medical-clean, pro-developer-dark; install as @tealmac-pro/theme-). They need a licence key: add the @tealmac-pro registry with the key to components.json (https://ui.tealmac.com/docs/guides/pro), then `npx shadcn@latest add @tealmac-pro/`. Pricing: https://ui.tealmac.com/pricing - FREE blocks and templates (no key): https://ui.tealmac.com/r/pro/ai-chat-artifact-panel.json, https://ui.tealmac.com/r/pro/ai-chat-workspace.json, https://ui.tealmac.com/r/pro/app-shell-command-sidebar.json, https://ui.tealmac.com/r/pro/auth-accept-invite.json, https://ui.tealmac.com/r/pro/auth-forgot-password.json, https://ui.tealmac.com/r/pro/auth-login-split-testimonial.json, https://ui.tealmac.com/r/pro/auth-login-sso-magic-link.json, https://ui.tealmac.com/r/pro/auth-otp-resend.json, https://ui.tealmac.com/r/pro/auth-signup-benefits.json, https://ui.tealmac.com/r/pro/billing-change-plan.json, https://ui.tealmac.com/r/pro/billing-plan-usage-invoices.json, https://ui.tealmac.com/r/pro/blog-article-contents.json, https://ui.tealmac.com/r/pro/blog-featured-grid.json, https://ui.tealmac.com/r/pro/calendar-week-view.json, https://ui.tealmac.com/r/pro/careers-open-roles-perks.json, https://ui.tealmac.com/r/pro/changelog-release-timeline.json, https://ui.tealmac.com/r/pro/comparison-versus-alternatives.json, https://ui.tealmac.com/r/pro/contact-form-methods.json, https://ui.tealmac.com/r/pro/cta-framed-grid.json, https://ui.tealmac.com/r/pro/cta-install-command.json, https://ui.tealmac.com/r/pro/cta-mac-app-download.json, https://ui.tealmac.com/r/pro/cta-waitlist-beams.json, https://ui.tealmac.com/r/pro/dashboard-sales-overview.json, https://ui.tealmac.com/r/pro/dashboard-traffic-analytics.json, https://ui.tealmac.com/r/pro/error-status-page.json, https://ui.tealmac.com/r/pro/faq-accordion-sidebar.json, https://ui.tealmac.com/r/pro/faq-searchable-topics.json, https://ui.tealmac.com/r/pro/features-integrations-hub.json, https://ui.tealmac.com/r/pro/features-mac-app-bento.json, https://ui.tealmac.com/r/pro/features-menu-bar-tour.json, https://ui.tealmac.com/r/pro/features-numbered-grid.json, https://ui.tealmac.com/r/pro/features-scrolling-tour.json, https://ui.tealmac.com/r/pro/features-spotlight-bento.json, https://ui.tealmac.com/r/pro/features-tabbed-showcase.json, https://ui.tealmac.com/r/pro/footer-giant-wordmark.json, https://ui.tealmac.com/r/pro/footer-newsletter-columns.json, https://ui.tealmac.com/r/pro/hero-ai-live-prompt.json, https://ui.tealmac.com/r/pro/hero-developer-install.json, https://ui.tealmac.com/r/pro/hero-gradient-mesh-cards.json, https://ui.tealmac.com/r/pro/hero-mac-app-laptop.json, https://ui.tealmac.com/r/pro/hero-split-deploy-card.json, https://ui.tealmac.com/r/pro/hero-split-globe.json, https://ui.tealmac.com/r/pro/hero-tilting-product-screen.json, https://ui.tealmac.com/r/pro/kanban-project-board.json, https://ui.tealmac.com/r/pro/logos-marquee-or-grid.json, https://ui.tealmac.com/r/pro/mail-three-pane-inbox.json, https://ui.tealmac.com/r/pro/navbar-mega-menu.json, https://ui.tealmac.com/r/pro/navbar-sticky-mobile-menu.json, https://ui.tealmac.com/r/pro/newsletter-topics-sample-issue.json, https://ui.tealmac.com/r/pro/onboarding-workspace-wizard.json, https://ui.tealmac.com/r/pro/pricing-billing-toggle.json, https://ui.tealmac.com/r/pro/pricing-license-vs-subscription.json, https://ui.tealmac.com/r/pro/pricing-plan-comparison-table.json, https://ui.tealmac.com/r/pro/pricing-two-tiers.json, https://ui.tealmac.com/r/pro/settings-account-profile.json, https://ui.tealmac.com/r/pro/settings-notification-matrix.json, https://ui.tealmac.com/r/pro/settings-team-roles.json, https://ui.tealmac.com/r/pro/showcase-device-lineup.json, https://ui.tealmac.com/r/pro/showcase-mac-desktop.json, https://ui.tealmac.com/r/pro/stats-trend-metrics.json, https://ui.tealmac.com/r/pro/team-portrait-bios.json, https://ui.tealmac.com/r/pro/testimonial-avatar-picker.json, https://ui.tealmac.com/r/pro/testimonial-scrolling-wall.json, https://ui.tealmac.com/r/pro/atlas.json, https://ui.tealmac.com/r/pro/auth-kit.json, https://ui.tealmac.com/r/pro/docs.json, https://ui.tealmac.com/r/pro/goods.json, https://ui.tealmac.com/r/pro/launch.json, https://ui.tealmac.com/r/pro/ledger.json, https://ui.tealmac.com/r/pro/muse.json, https://ui.tealmac.com/r/pro/northwind.json, https://ui.tealmac.com/r/pro/orbit.json, https://ui.tealmac.com/r/pro/pocket.json, https://ui.tealmac.com/r/pro/podcast.json, https://ui.tealmac.com/r/pro/portfolio.json, https://ui.tealmac.com/r/pro/publication.json, https://ui.tealmac.com/r/pro/relay.json, https://ui.tealmac.com/r/pro/studio.json, https://ui.tealmac.com/r/pro/workspace.json ## Docs - [Get started: Introduction](https://ui.tealmac.com/docs) - [Get started: Install](https://ui.tealmac.com/docs/get-started/install): Markdown at https://ui.tealmac.com/docs/get-started/install.md - [Get started: Make it yours](https://ui.tealmac.com/docs/get-started/make-it-yours): Markdown at https://ui.tealmac.com/docs/get-started/make-it-yours.md - [Get started: Connect your agent](https://ui.tealmac.com/docs/get-started/connect-your-agent): Markdown at https://ui.tealmac.com/docs/get-started/connect-your-agent.md - [Concepts: How it works](https://ui.tealmac.com/docs/concepts/how-it-works): Markdown at https://ui.tealmac.com/docs/concepts/how-it-works.md - [Concepts: Accessibility](https://ui.tealmac.com/docs/concepts/accessibility): Markdown at https://ui.tealmac.com/docs/concepts/accessibility.md - [Concepts: Built for agents](https://ui.tealmac.com/docs/concepts/built-for-agents): Markdown at https://ui.tealmac.com/docs/concepts/built-for-agents.md - [Concepts: Story](https://ui.tealmac.com/docs/concepts/story): Markdown at https://ui.tealmac.com/docs/concepts/story.md - [Guides: Add components](https://ui.tealmac.com/docs/guides/add-components): Markdown at https://ui.tealmac.com/docs/guides/add-components.md - [Guides: Update components](https://ui.tealmac.com/docs/guides/update-components): Markdown at https://ui.tealmac.com/docs/guides/update-components.md - [Guides: Theming](https://ui.tealmac.com/docs/guides/theming): Markdown at https://ui.tealmac.com/docs/guides/theming.md - [Guides: Dark mode](https://ui.tealmac.com/docs/guides/dark-mode): Markdown at https://ui.tealmac.com/docs/guides/dark-mode.md - [Guides: Motion and reduced motion](https://ui.tealmac.com/docs/guides/motion): Markdown at https://ui.tealmac.com/docs/guides/motion.md - [Guides: Forms](https://ui.tealmac.com/docs/guides/forms): Markdown at https://ui.tealmac.com/docs/guides/forms.md - [Guides: Data tables](https://ui.tealmac.com/docs/guides/data-tables): Markdown at https://ui.tealmac.com/docs/guides/data-tables.md - [Guides: Charts](https://ui.tealmac.com/docs/guides/charts): Markdown at https://ui.tealmac.com/docs/guides/charts.md - [Guides: Install Pro](https://ui.tealmac.com/docs/guides/pro): Markdown at https://ui.tealmac.com/docs/guides/pro.md - [Guides: Pro starter apps](https://ui.tealmac.com/docs/guides/starter-apps): Markdown at https://ui.tealmac.com/docs/guides/starter-apps.md - [Guides: Launchpad (SaaS)](https://ui.tealmac.com/docs/guides/starter-launchpad): Markdown at https://ui.tealmac.com/docs/guides/starter-launchpad.md - [Guides: Cortex (AI assistant)](https://ui.tealmac.com/docs/guides/starter-cortex): Markdown at https://ui.tealmac.com/docs/guides/starter-cortex.md - [Guides: Ledger console (admin)](https://ui.tealmac.com/docs/guides/starter-ledger-console): Markdown at https://ui.tealmac.com/docs/guides/starter-ledger-console.md - [Guides: Storefront (shop)](https://ui.tealmac.com/docs/guides/starter-storefront-starter): Markdown at https://ui.tealmac.com/docs/guides/starter-storefront-starter.md - [Guides: 3D components](https://ui.tealmac.com/docs/guides/3d-components): Markdown at https://ui.tealmac.com/docs/guides/3d-components.md - [Reference: Registry](https://ui.tealmac.com/docs/reference/registry): Markdown at https://ui.tealmac.com/docs/reference/registry.md - [Reference: CLI commands](https://ui.tealmac.com/docs/reference/cli): Markdown at https://ui.tealmac.com/docs/reference/cli.md - [Reference: MCP tools](https://ui.tealmac.com/docs/reference/mcp-tools): Markdown at https://ui.tealmac.com/docs/reference/mcp-tools.md - [Reference: Legacy](https://ui.tealmac.com/docs/reference/legacy): Markdown at https://ui.tealmac.com/docs/reference/legacy.md ## Browse - [Components](https://ui.tealmac.com/components) (FREE): every component by category - [Charts](https://ui.tealmac.com/charts) (FREE): theme-aware chart examples, each installable - [Patterns](https://ui.tealmac.com/patterns) and [Hooks](https://ui.tealmac.com/hooks) (FREE): whole interactions built from components, and small tested React hooks; each is one install - [Blocks](https://ui.tealmac.com/blocks) and [Templates](https://ui.tealmac.com/templates) (PRO, except the FREE ones listed above): page sections and whole pages - [Themes](https://ui.tealmac.com/themes) and [Presets](https://ui.tealmac.com/presets) (FREE, except the Pro theme packs): colour themes and complete style presets, installable with the shadcn CLI - [Use cases](https://ui.tealmac.com/use-cases): what to use for dashboards, landing pages, auth, AI apps, admin tools and stores - [Quality](https://ui.tealmac.com/quality), [Verified](https://ui.tealmac.com/verified) and [Changelog](https://ui.tealmac.com/changelog) ## Catalogue One list per category; every row links to a Markdown page with install steps. ### Blocks - [3D and motion](https://ui.tealmac.com/llms/block-3d-and-motion.txt): 6 items - [AI interfaces](https://ui.tealmac.com/llms/block-ai-interfaces.txt): 7 items - [App navigation](https://ui.tealmac.com/llms/block-app-navigation.txt): 3 items - [App screens](https://ui.tealmac.com/llms/block-app-screens.txt): 9 items - [Articles and editorial](https://ui.tealmac.com/llms/block-articles-and-editorial.txt): 14 items - [Authentication](https://ui.tealmac.com/llms/block-authentication.txt): 12 items - [Billing](https://ui.tealmac.com/llms/block-billing.txt): 6 items - [Blocks: Dashboards](https://ui.tealmac.com/llms/block-blocks-dashboards.txt): 1 item - [Blocks: Login](https://ui.tealmac.com/llms/block-blocks-login.txt): 5 items - [Blocks: Sidebars](https://ui.tealmac.com/llms/block-blocks-sidebars.txt): 16 items - [Blocks: Sign up](https://ui.tealmac.com/llms/block-blocks-sign-up.txt): 5 items - [Blog](https://ui.tealmac.com/llms/block-blog.txt): 6 items - [Calendar and scheduling](https://ui.tealmac.com/llms/block-calendar-and-scheduling.txt): 3 items - [Calls to action](https://ui.tealmac.com/llms/block-calls-to-action.txt): 12 items - [Careers](https://ui.tealmac.com/llms/block-careers.txt): 4 items - [Changelog](https://ui.tealmac.com/llms/block-changelog.txt): 4 items - [Chat and messaging](https://ui.tealmac.com/llms/block-chat-and-messaging.txt): 2 items - [Comparison](https://ui.tealmac.com/llms/block-comparison.txt): 4 items - [Contact](https://ui.tealmac.com/llms/block-contact.txt): 6 items - [Dashboard compositions](https://ui.tealmac.com/llms/block-dashboard-compositions.txt): 35 items - [Dashboard widgets](https://ui.tealmac.com/llms/block-dashboard-widgets.txt): 19 items - [Data display](https://ui.tealmac.com/llms/block-data-display.txt): 5 items - [Data grids](https://ui.tealmac.com/llms/block-data-grids.txt): 3 items - [Developer tools](https://ui.tealmac.com/llms/block-developer-tools.txt): 4 items - [Docs and help center](https://ui.tealmac.com/llms/block-docs-and-help-center.txt): 3 items - [Ecommerce](https://ui.tealmac.com/llms/block-ecommerce.txt): 6 items - [Education](https://ui.tealmac.com/llms/block-education.txt): 5 items - [Error pages](https://ui.tealmac.com/llms/block-error-pages.txt): 4 items - [FAQ](https://ui.tealmac.com/llms/block-faq.txt): 7 items - [Features](https://ui.tealmac.com/llms/block-features.txt): 19 items - [File manager](https://ui.tealmac.com/llms/block-file-manager.txt): 2 items - [Fintech](https://ui.tealmac.com/llms/block-fintech.txt): 6 items - [Food and delivery](https://ui.tealmac.com/llms/block-food-and-delivery.txt): 4 items - [Footers](https://ui.tealmac.com/llms/block-footers.txt): 6 items - [Forms and inputs](https://ui.tealmac.com/llms/block-forms-and-inputs.txt): 5 items - [Gaming and community](https://ui.tealmac.com/llms/block-gaming-and-community.txt): 4 items - [HR and recruiting](https://ui.tealmac.com/llms/block-hr-and-recruiting.txt): 4 items - [Healthcare](https://ui.tealmac.com/llms/block-healthcare.txt): 5 items - [Heroes](https://ui.tealmac.com/llms/block-heroes.txt): 19 items - [KPI cards](https://ui.tealmac.com/llms/block-kpi-cards.txt): 35 items - [KPI tooltips and popovers](https://ui.tealmac.com/llms/block-kpi-tooltips-and-popovers.txt): 20 items - [Kanban boards](https://ui.tealmac.com/llms/block-kanban-boards.txt): 2 items - [Logistics](https://ui.tealmac.com/llms/block-logistics.txt): 4 items - [Logo clouds](https://ui.tealmac.com/llms/block-logo-clouds.txt): 7 items - [Mail and inbox](https://ui.tealmac.com/llms/block-mail-and-inbox.txt): 2 items - [Maps and locations](https://ui.tealmac.com/llms/block-maps-and-locations.txt): 3 items - [Media and creators](https://ui.tealmac.com/llms/block-media-and-creators.txt): 4 items - [Navigation bars](https://ui.tealmac.com/llms/block-navigation-bars.txt): 5 items - [Newsletter](https://ui.tealmac.com/llms/block-newsletter.txt): 6 items - [Notifications](https://ui.tealmac.com/llms/block-notifications.txt): 3 items - [Notifications and states](https://ui.tealmac.com/llms/block-notifications-and-states.txt): 3 items - [Onboarding](https://ui.tealmac.com/llms/block-onboarding.txt): 4 items - [Overlays and panels](https://ui.tealmac.com/llms/block-overlays-and-panels.txt): 4 items - [Pricing](https://ui.tealmac.com/llms/block-pricing.txt): 10 items - [Product showcase](https://ui.tealmac.com/llms/block-product-showcase.txt): 3 items - [Real estate](https://ui.tealmac.com/llms/block-real-estate.txt): 5 items - [SEO and search](https://ui.tealmac.com/llms/block-seo-and-search.txt): 18 items - [SaaS tables](https://ui.tealmac.com/llms/block-saas-tables.txt): 30 items - [Scroll stories and tours](https://ui.tealmac.com/llms/block-scroll-stories-and-tours.txt): 5 items - [Search results](https://ui.tealmac.com/llms/block-search-results.txt): 2 items - [Settings](https://ui.tealmac.com/llms/block-settings.txt): 11 items - [Stats](https://ui.tealmac.com/llms/block-stats.txt): 8 items - [Tables and lists](https://ui.tealmac.com/llms/block-tables-and-lists.txt): 12 items - [Team](https://ui.tealmac.com/llms/block-team.txt): 6 items - [Testimonials](https://ui.tealmac.com/llms/block-testimonials.txt): 6 items - [Text effects](https://ui.tealmac.com/llms/block-text-effects.txt): 3 items - [Travel and hospitality](https://ui.tealmac.com/llms/block-travel-and-hospitality.txt): 5 items - [Visual effects](https://ui.tealmac.com/llms/block-visual-effects.txt): 17 items ### Charts - [Charts: area](https://ui.tealmac.com/llms/chart-charts-area.txt): 7 items - [Charts: bar](https://ui.tealmac.com/llms/chart-charts-bar.txt): 7 items - [Charts: line](https://ui.tealmac.com/llms/chart-charts-line.txt): 6 items - [Charts: pie](https://ui.tealmac.com/llms/chart-charts-pie.txt): 5 items - [Charts: radar](https://ui.tealmac.com/llms/chart-charts-radar.txt): 4 items - [Charts: radial](https://ui.tealmac.com/llms/chart-charts-radial.txt): 4 items - [Charts: tooltip](https://ui.tealmac.com/llms/chart-charts-tooltip.txt): 3 items ### Components - [3D](https://ui.tealmac.com/llms/component-3d.txt): 77 items - [AI interfaces](https://ui.tealmac.com/llms/component-ai-interfaces.txt): 18 items - [Backgrounds](https://ui.tealmac.com/llms/component-backgrounds.txt): 129 items - [Blocks: Dashboards](https://ui.tealmac.com/llms/component-blocks-dashboards.txt): 1 item - [Blocks: Login](https://ui.tealmac.com/llms/component-blocks-login.txt): 5 items - [Blocks: Sidebars](https://ui.tealmac.com/llms/component-blocks-sidebars.txt): 16 items - [Blocks: Sign up](https://ui.tealmac.com/llms/component-blocks-sign-up.txt): 5 items - [Building blocks](https://ui.tealmac.com/llms/component-building-blocks.txt): 8 items - [Buttons](https://ui.tealmac.com/llms/component-buttons.txt): 9 items - [Cards and borders](https://ui.tealmac.com/llms/component-cards-and-borders.txt): 14 items - [Carousel](https://ui.tealmac.com/llms/component-carousel.txt): 18 items - [Color](https://ui.tealmac.com/llms/component-color.txt): 9 items - [Comboboxes and pickers](https://ui.tealmac.com/llms/component-comboboxes-and-pickers.txt): 18 items - [Data display](https://ui.tealmac.com/llms/component-data-display.txt): 13 items - [Data grids](https://ui.tealmac.com/llms/component-data-grids.txt): 21 items - [Date and time](https://ui.tealmac.com/llms/component-date-and-time.txt): 22 items - [Desktop](https://ui.tealmac.com/llms/component-desktop.txt): 16 items - [Developer](https://ui.tealmac.com/llms/component-developer.txt): 15 items - [Device mockups](https://ui.tealmac.com/llms/component-device-mockups.txt): 9 items - [Effects](https://ui.tealmac.com/llms/component-effects.txt): 28 items - [Enterprise](https://ui.tealmac.com/llms/component-enterprise.txt): 30 items - [Examples](https://ui.tealmac.com/llms/component-examples-1.txt): 1000 items - [Examples](https://ui.tealmac.com/llms/component-examples-2.txt): 16 items - [Form engines](https://ui.tealmac.com/llms/component-form-engines.txt): 13 items - [Form patterns](https://ui.tealmac.com/llms/component-form-patterns.txt): 25 items - [Forms and feedback](https://ui.tealmac.com/llms/component-forms-and-feedback.txt): 31 items - [Galleries and menus](https://ui.tealmac.com/llms/component-galleries-and-menus.txt): 4 items - [Grid core](https://ui.tealmac.com/llms/component-grid-core.txt): 40 items - [Inputs and media](https://ui.tealmac.com/llms/component-inputs-and-media.txt): 7 items - [Layout and data](https://ui.tealmac.com/llms/component-layout-and-data.txt): 24 items - [Library](https://ui.tealmac.com/llms/component-library.txt): 2 items - [Mobile and touch](https://ui.tealmac.com/llms/component-mobile-and-touch.txt): 24 items - [Navigation](https://ui.tealmac.com/llms/component-navigation.txt): 15 items - [Navigation helpers](https://ui.tealmac.com/llms/component-navigation-helpers.txt): 1 item - [Other](https://ui.tealmac.com/llms/component-other.txt): 3 items - [Overlays and disclosure](https://ui.tealmac.com/llms/component-overlays-and-disclosure.txt): 25 items - [Pickers and masks](https://ui.tealmac.com/llms/component-pickers-and-masks.txt): 3 items - [Planning and calendars](https://ui.tealmac.com/llms/component-planning-and-calendars.txt): 5 items - [Primitives](https://ui.tealmac.com/llms/component-primitives.txt): 60 items - [SEO and editorial](https://ui.tealmac.com/llms/component-seo-and-editorial.txt): 30 items - [SaaS](https://ui.tealmac.com/llms/component-saas.txt): 13 items - [Signature](https://ui.tealmac.com/llms/component-signature.txt): 22 items - [Status and presence](https://ui.tealmac.com/llms/component-status-and-presence.txt): 6 items - [Surfaces and icons](https://ui.tealmac.com/llms/component-surfaces-and-icons.txt): 4 items - [Text](https://ui.tealmac.com/llms/component-text.txt): 44 items - [Trees and transfer](https://ui.tealmac.com/llms/component-trees-and-transfer.txt): 14 items - [Uncategorised](https://ui.tealmac.com/llms/component-uncategorised.txt): 1 item - [Uploads and media](https://ui.tealmac.com/llms/component-uploads-and-media.txt): 9 items - [tealmac originals](https://ui.tealmac.com/llms/component-tealmac-originals.txt): 14 items ### Hooks - [Browser](https://ui.tealmac.com/llms/hook-browser.txt): 11 items - [Data](https://ui.tealmac.com/llms/hook-data.txt): 6 items - [Events](https://ui.tealmac.com/llms/hook-events.txt): 9 items - [Gesture and input](https://ui.tealmac.com/llms/hook-gesture-and-input.txt): 3 items - [Observers](https://ui.tealmac.com/llms/hook-observers.txt): 8 items - [State](https://ui.tealmac.com/llms/hook-state.txt): 13 items - [State and storage](https://ui.tealmac.com/llms/hook-state-and-storage.txt): 1 item - [Theming](https://ui.tealmac.com/llms/hook-theming.txt): 2 items - [Timing](https://ui.tealmac.com/llms/hook-timing.txt): 11 items ### Patterns - [Accordions](https://ui.tealmac.com/llms/pattern-accordions.txt): 7 items - [Accordions and disclosure](https://ui.tealmac.com/llms/pattern-accordions-and-disclosure.txt): 16 items - [Actions and feedback](https://ui.tealmac.com/llms/pattern-actions-and-feedback.txt): 12 items - [Agent traces](https://ui.tealmac.com/llms/pattern-agent-traces.txt): 12 items - [Alert dialogs](https://ui.tealmac.com/llms/pattern-alert-dialogs.txt): 17 items - [Alerts](https://ui.tealmac.com/llms/pattern-alerts.txt): 16 items - [Appointments and slots](https://ui.tealmac.com/llms/pattern-appointments-and-slots.txt): 14 items - [Async and remote](https://ui.tealmac.com/llms/pattern-async-and-remote.txt): 13 items - [Attachments](https://ui.tealmac.com/llms/pattern-attachments.txt): 4 items - [Autocomplete and input help](https://ui.tealmac.com/llms/pattern-autocomplete-and-input-help.txt): 11 items - [Autocompletes](https://ui.tealmac.com/llms/pattern-autocompletes.txt): 1 item - [Avatars](https://ui.tealmac.com/llms/pattern-avatars.txt): 22 items - [Badges](https://ui.tealmac.com/llms/pattern-badges.txt): 3 items - [Booking and reservations](https://ui.tealmac.com/llms/pattern-booking-and-reservations.txt): 16 items - [Breadcrumbs](https://ui.tealmac.com/llms/pattern-breadcrumbs.txt): 13 items - [Button groups](https://ui.tealmac.com/llms/pattern-button-groups.txt): 44 items - [Buttons](https://ui.tealmac.com/llms/pattern-buttons.txt): 12 items - [CSV import](https://ui.tealmac.com/llms/pattern-csv-import.txt): 5 items - [Calendars](https://ui.tealmac.com/llms/pattern-calendars.txt): 16 items - [Cards](https://ui.tealmac.com/llms/pattern-cards.txt): 14 items - [Carousel: app and data](https://ui.tealmac.com/llms/pattern-carousel-app-and-data.txt): 7 items - [Carousel: behaviour and accessibility](https://ui.tealmac.com/llms/pattern-carousel-behaviour-and-accessibility.txt): 15 items - [Carousel: commerce](https://ui.tealmac.com/llms/pattern-carousel-commerce.txt): 6 items - [Carousel: editorial](https://ui.tealmac.com/llms/pattern-carousel-editorial.txt): 7 items - [Carousel: gallery and media](https://ui.tealmac.com/llms/pattern-carousel-gallery-and-media.txt): 8 items - [Carousel: marketing](https://ui.tealmac.com/llms/pattern-carousel-marketing.txt): 9 items - [Carousel: onboarding](https://ui.tealmac.com/llms/pattern-carousel-onboarding.txt): 8 items - [Carousels](https://ui.tealmac.com/llms/pattern-carousels.txt): 3 items - [Cascaders](https://ui.tealmac.com/llms/pattern-cascaders.txt): 17 items - [Cascading and hierarchical](https://ui.tealmac.com/llms/pattern-cascading-and-hierarchical.txt): 7 items - [Categories and taxonomy](https://ui.tealmac.com/llms/pattern-categories-and-taxonomy.txt): 10 items - [Charts](https://ui.tealmac.com/llms/pattern-charts.txt): 15 items - [Charts: Area](https://ui.tealmac.com/llms/pattern-charts-area.txt): 27 items - [Charts: Bar](https://ui.tealmac.com/llms/pattern-charts-bar.txt): 34 items - [Charts: Composed](https://ui.tealmac.com/llms/pattern-charts-composed.txt): 27 items - [Charts: Line](https://ui.tealmac.com/llms/pattern-charts-line.txt): 31 items - [Charts: Pie](https://ui.tealmac.com/llms/pattern-charts-pie.txt): 22 items - [Charts: Radial](https://ui.tealmac.com/llms/pattern-charts-radial.txt): 22 items - [Charts: Scatter](https://ui.tealmac.com/llms/pattern-charts-scatter.txt): 17 items - [Checkboxes](https://ui.tealmac.com/llms/pattern-checkboxes.txt): 12 items - [Collapsibles](https://ui.tealmac.com/llms/pattern-collapsibles.txt): 6 items - [Color tools](https://ui.tealmac.com/llms/pattern-color-tools.txt): 10 items - [Commands](https://ui.tealmac.com/llms/pattern-commands.txt): 6 items - [Confirm and undo](https://ui.tealmac.com/llms/pattern-confirm-and-undo.txt): 12 items - [Confirmations](https://ui.tealmac.com/llms/pattern-confirmations.txt): 18 items - [Content and editing](https://ui.tealmac.com/llms/pattern-content-and-editing.txt): 10 items - [Context menus](https://ui.tealmac.com/llms/pattern-context-menus.txt): 8 items - [Controls and tools](https://ui.tealmac.com/llms/pattern-controls-and-tools.txt): 11 items - [Dashboard controls](https://ui.tealmac.com/llms/pattern-dashboard-controls.txt): 10 items - [Data and tables](https://ui.tealmac.com/llms/pattern-data-and-tables.txt): 10 items - [Data entry](https://ui.tealmac.com/llms/pattern-data-entry.txt): 4 items - [Date selectors](https://ui.tealmac.com/llms/pattern-date-selectors.txt): 3 items - [Destructive actions](https://ui.tealmac.com/llms/pattern-destructive-actions.txt): 1 item - [Detail views](https://ui.tealmac.com/llms/pattern-detail-views.txt): 9 items - [Developer tools](https://ui.tealmac.com/llms/pattern-developer-tools.txt): 5 items - [Dialog flows](https://ui.tealmac.com/llms/pattern-dialog-flows.txt): 13 items - [Dialogs](https://ui.tealmac.com/llms/pattern-dialogs.txt): 6 items - [Drawers](https://ui.tealmac.com/llms/pattern-drawers.txt): 1 item - [Dropdown menus](https://ui.tealmac.com/llms/pattern-dropdown-menus.txt): 13 items - [Editorial](https://ui.tealmac.com/llms/pattern-editorial.txt): 15 items - [Empty states](https://ui.tealmac.com/llms/pattern-empty-states.txt): 20 items - [Field arrays](https://ui.tealmac.com/llms/pattern-field-arrays.txt): 12 items - [Fields](https://ui.tealmac.com/llms/pattern-fields.txt): 4 items - [File types](https://ui.tealmac.com/llms/pattern-file-types.txt): 13 items - [File upload](https://ui.tealmac.com/llms/pattern-file-upload.txt): 17 items - [Files and storage](https://ui.tealmac.com/llms/pattern-files-and-storage.txt): 10 items - [Filters](https://ui.tealmac.com/llms/pattern-filters.txt): 9 items - [Form dialogs](https://ui.tealmac.com/llms/pattern-form-dialogs.txt): 11 items - [Form validation](https://ui.tealmac.com/llms/pattern-form-validation.txt): 11 items - [Forms and settings](https://ui.tealmac.com/llms/pattern-forms-and-settings.txt): 4 items - [Forms and validation](https://ui.tealmac.com/llms/pattern-forms-and-validation.txt): 20 items - [Forms with pickers](https://ui.tealmac.com/llms/pattern-forms-with-pickers.txt): 9 items - [Frames](https://ui.tealmac.com/llms/pattern-frames.txt): 14 items - [Gestures and media](https://ui.tealmac.com/llms/pattern-gestures-and-media.txt): 12 items - [Hover cards](https://ui.tealmac.com/llms/pattern-hover-cards.txt): 7 items - [Hover cards and previews](https://ui.tealmac.com/llms/pattern-hover-cards-and-previews.txt): 5 items - [Icon stacks](https://ui.tealmac.com/llms/pattern-icon-stacks.txt): 3 items - [Icon tiles](https://ui.tealmac.com/llms/pattern-icon-tiles.txt): 9 items - [Image and camera](https://ui.tealmac.com/llms/pattern-image-and-camera.txt): 14 items - [Inline editing](https://ui.tealmac.com/llms/pattern-inline-editing.txt): 11 items - [Input groups](https://ui.tealmac.com/llms/pattern-input-groups.txt): 14 items - [Inputs](https://ui.tealmac.com/llms/pattern-inputs.txt): 3 items - [Items](https://ui.tealmac.com/llms/pattern-items.txt): 2 items - [KPI and metrics](https://ui.tealmac.com/llms/pattern-kpi-and-metrics.txt): 21 items - [Keyboard keys](https://ui.tealmac.com/llms/pattern-keyboard-keys.txt): 3 items - [Labels](https://ui.tealmac.com/llms/pattern-labels.txt): 3 items - [Large lists](https://ui.tealmac.com/llms/pattern-large-lists.txt): 4 items - [Layout and navigation](https://ui.tealmac.com/llms/pattern-layout-and-navigation.txt): 16 items - [Lists and rows](https://ui.tealmac.com/llms/pattern-lists-and-rows.txt): 18 items - [Locale and calendars](https://ui.tealmac.com/llms/pattern-locale-and-calendars.txt): 11 items - [Markers](https://ui.tealmac.com/llms/pattern-markers.txt): 5 items - [Mentions and slash menus](https://ui.tealmac.com/llms/pattern-mentions-and-slash-menus.txt): 15 items - [Menubars](https://ui.tealmac.com/llms/pattern-menubars.txt): 5 items - [Menus and actions](https://ui.tealmac.com/llms/pattern-menus-and-actions.txt): 18 items - [Message bubbles](https://ui.tealmac.com/llms/pattern-message-bubbles.txt): 5 items - [Message scrollers](https://ui.tealmac.com/llms/pattern-message-scrollers.txt): 6 items - [Messages](https://ui.tealmac.com/llms/pattern-messages.txt): 7 items - [Metrics and progress](https://ui.tealmac.com/llms/pattern-metrics-and-progress.txt): 10 items - [Mobile and native](https://ui.tealmac.com/llms/pattern-mobile-and-native.txt): 3 items - [Mobile and touch pickers](https://ui.tealmac.com/llms/pattern-mobile-and-touch-pickers.txt): 10 items - [Mobile forms](https://ui.tealmac.com/llms/pattern-mobile-forms.txt): 10 items - [Multi-select and tags](https://ui.tealmac.com/llms/pattern-multi-select-and-tags.txt): 16 items - [Native selects](https://ui.tealmac.com/llms/pattern-native-selects.txt): 2 items - [Navigation](https://ui.tealmac.com/llms/pattern-navigation.txt): 24 items - [Navigation menus](https://ui.tealmac.com/llms/pattern-navigation-menus.txt): 4 items - [Notifications and flags](https://ui.tealmac.com/llms/pattern-notifications-and-flags.txt): 7 items - [Number fields](https://ui.tealmac.com/llms/pattern-number-fields.txt): 3 items - [One-time code inputs](https://ui.tealmac.com/llms/pattern-one-time-code-inputs.txt): 5 items - [Option panels](https://ui.tealmac.com/llms/pattern-option-panels.txt): 9 items - [Organisation and people](https://ui.tealmac.com/llms/pattern-organisation-and-people.txt): 10 items - [Paginations](https://ui.tealmac.com/llms/pattern-paginations.txt): 10 items - [Passwords and codes](https://ui.tealmac.com/llms/pattern-passwords-and-codes.txt): 13 items - [Permissions and access](https://ui.tealmac.com/llms/pattern-permissions-and-access.txt): 10 items - [Pickers](https://ui.tealmac.com/llms/pattern-pickers.txt): 14 items - [Pickers and selection](https://ui.tealmac.com/llms/pattern-pickers-and-selection.txt): 10 items - [Planning and calculators](https://ui.tealmac.com/llms/pattern-planning-and-calculators.txt): 11 items - [Popover forms](https://ui.tealmac.com/llms/pattern-popover-forms.txt): 13 items - [Popovers](https://ui.tealmac.com/llms/pattern-popovers.txt): 9 items - [Progress](https://ui.tealmac.com/llms/pattern-progress.txt): 4 items - [Protection and branding](https://ui.tealmac.com/llms/pattern-protection-and-branding.txt): 4 items - [Questionnaires](https://ui.tealmac.com/llms/pattern-questionnaires.txt): 7 items - [Radial menus](https://ui.tealmac.com/llms/pattern-radial-menus.txt): 5 items - [Radio groups](https://ui.tealmac.com/llms/pattern-radio-groups.txt): 13 items - [Read-only and review](https://ui.tealmac.com/llms/pattern-read-only-and-review.txt): 9 items - [Recurring and reminders](https://ui.tealmac.com/llms/pattern-recurring-and-reminders.txt): 12 items - [Reports and analytics](https://ui.tealmac.com/llms/pattern-reports-and-analytics.txt): 14 items - [Resizables](https://ui.tealmac.com/llms/pattern-resizables.txt): 6 items - [SEO](https://ui.tealmac.com/llms/pattern-seo.txt): 15 items - [Safe areas and system](https://ui.tealmac.com/llms/pattern-safe-areas-and-system.txt): 8 items - [Saving and drafts](https://ui.tealmac.com/llms/pattern-saving-and-drafts.txt): 11 items - [Schema forms](https://ui.tealmac.com/llms/pattern-schema-forms.txt): 10 items - [Scroll areas](https://ui.tealmac.com/llms/pattern-scroll-areas.txt): 2 items - [Scrollspy](https://ui.tealmac.com/llms/pattern-scrollspy.txt): 1 item - [Selects](https://ui.tealmac.com/llms/pattern-selects.txt): 30 items - [Separators](https://ui.tealmac.com/llms/pattern-separators.txt): 3 items - [Server actions](https://ui.tealmac.com/llms/pattern-server-actions.txt): 9 items - [Sheets](https://ui.tealmac.com/llms/pattern-sheets.txt): 3 items - [Sheets and dialogs](https://ui.tealmac.com/llms/pattern-sheets-and-dialogs.txt): 16 items - [Sheets and drawers](https://ui.tealmac.com/llms/pattern-sheets-and-drawers.txt): 10 items - [Sidebars](https://ui.tealmac.com/llms/pattern-sidebars.txt): 3 items - [Skeletons](https://ui.tealmac.com/llms/pattern-skeletons.txt): 4 items - [Sliders](https://ui.tealmac.com/llms/pattern-sliders.txt): 6 items - [Spinners](https://ui.tealmac.com/llms/pattern-spinners.txt): 8 items - [Status and health](https://ui.tealmac.com/llms/pattern-status-and-health.txt): 11 items - [Switchs](https://ui.tealmac.com/llms/pattern-switchs.txt): 9 items - [Table behaviours](https://ui.tealmac.com/llms/pattern-table-behaviours.txt): 10 items - [Tables](https://ui.tealmac.com/llms/pattern-tables.txt): 16 items - [Tables and collections](https://ui.tealmac.com/llms/pattern-tables-and-collections.txt): 5 items - [Tabs](https://ui.tealmac.com/llms/pattern-tabs.txt): 17 items - [Teams and shifts](https://ui.tealmac.com/llms/pattern-teams-and-shifts.txt): 12 items - [Textareas](https://ui.tealmac.com/llms/pattern-textareas.txt): 2 items - [Toasts](https://ui.tealmac.com/llms/pattern-toasts.txt): 19 items - [Toggle groups](https://ui.tealmac.com/llms/pattern-toggle-groups.txt): 8 items - [Toggles](https://ui.tealmac.com/llms/pattern-toggles.txt): 6 items - [Toggles and toolbars](https://ui.tealmac.com/llms/pattern-toggles-and-toolbars.txt): 7 items - [Tooltips](https://ui.tealmac.com/llms/pattern-tooltips.txt): 14 items - [Tooltips and hints](https://ui.tealmac.com/llms/pattern-tooltips-and-hints.txt): 10 items - [Transfer workflows](https://ui.tealmac.com/llms/pattern-transfer-workflows.txt): 5 items - [Travel, events and commerce](https://ui.tealmac.com/llms/pattern-travel-events-and-commerce.txt): 10 items ### Templates - [Application UI](https://ui.tealmac.com/llms/template-application-ui.txt): 208 items - [Marketing](https://ui.tealmac.com/llms/template-marketing.txt): 40 items ### Themes - [Amber themes](https://ui.tealmac.com/llms/theme-amber-themes.txt): 113 items - [Blue themes](https://ui.tealmac.com/llms/theme-blue-themes.txt): 122 items - [Cyan themes](https://ui.tealmac.com/llms/theme-cyan-themes.txt): 66 items - [Emerald themes](https://ui.tealmac.com/llms/theme-emerald-themes.txt): 94 items - [Fuchsia themes](https://ui.tealmac.com/llms/theme-fuchsia-themes.txt): 108 items - [Green themes](https://ui.tealmac.com/llms/theme-green-themes.txt): 129 items - [Indigo themes](https://ui.tealmac.com/llms/theme-indigo-themes.txt): 124 items - [Lime themes](https://ui.tealmac.com/llms/theme-lime-themes.txt): 127 items - [Orange themes](https://ui.tealmac.com/llms/theme-orange-themes.txt): 147 items - [Pink themes](https://ui.tealmac.com/llms/theme-pink-themes.txt): 104 items - [Pro themes](https://ui.tealmac.com/llms/theme-pro-themes.txt): 12 items - [Purple themes](https://ui.tealmac.com/llms/theme-purple-themes.txt): 112 items - [Red themes](https://ui.tealmac.com/llms/theme-red-themes.txt): 179 items - [Rose themes](https://ui.tealmac.com/llms/theme-rose-themes.txt): 91 items - [Sky themes](https://ui.tealmac.com/llms/theme-sky-themes.txt): 97 items - [Teal themes](https://ui.tealmac.com/llms/theme-teal-themes.txt): 88 items - [Themes](https://ui.tealmac.com/llms/theme-themes.txt): 106 items - [Violet themes](https://ui.tealmac.com/llms/theme-violet-themes.txt): 123 items - [Yellow themes](https://ui.tealmac.com/llms/theme-yellow-themes.txt): 98 items ## Optional - [Repository](https://github.com/tealmac/tealmac-ui): Source code and issues - [Sitemap](https://ui.tealmac.com/sitemap.xml): Indexable pages