# Lode UI > Production-ready React components, complete blocks, and motion primitives for modern product teams. Installs with the shadcn CLI; Pro items need an API key. Each link is the Markdown version of a doc page. Install free items with `npx shadcn@latest add https://lodeui.com/r/.json` and Pro items with `npx shadcn@latest add @lode/`. ## Docs - [Installation](https://lodeui.com/docs/installation) - [CLI and API keys](https://lodeui.com/docs/cli) - [Theming](https://lodeui.com/docs/theming) - [Motion](https://lodeui.com/docs/motion) - [AI and MCP](https://lodeui.com/docs/ai) - [Small index](https://lodeui.com/llms-small.txt) · [Full reference](https://lodeui.com/llms-full.txt) · [Catalog JSON](https://lodeui.com/catalog.json) · [Skills](https://lodeui.com/skills.json) ## Components (140) - [Button](https://lodeui.com/components/button/markdown): A clear, responsive action with quiet secondary states. - [Segmented control](https://lodeui.com/components/segmented-control/markdown): A compact single choice with a pill that slides to the selection. - [Number field](https://lodeui.com/components/number-field/markdown): A stepper you can press, hold, scrub, or type into. Push past a limit and it pushes back. - [Select](https://lodeui.com/components/select/markdown): A pill trigger with a springy menu, typeahead, and full keyboard support. - [Date range picker](https://lodeui.com/components/date-range-picker/markdown) (Pro): Pick a start and an end on a calendar that previews the range as you move. - [Command palette](https://lodeui.com/components/command-palette/markdown) (Pro): Type to filter, arrow to move, Enter to run. Inline or as a ⌘K dialog. - [Animated number](https://lodeui.com/components/animated-number/markdown): A number that springs to its new value instead of jumping. - [Donut chart](https://lodeui.com/components/donut-chart/markdown) (Pro): Proportions as arcs that morph when the data changes. - [Area chart](https://lodeui.com/components/area-chart/markdown) (Pro): A smooth trend line with a comparison period and an inspectable crosshair. - [Switch](https://lodeui.com/components/switch/markdown): A toggle whose thumb stretches as you press it. - [Slider](https://lodeui.com/components/slider/markdown): Drag, click or use the keys. The value rides above the thumb while you drag. - [Dropdown menu](https://lodeui.com/components/dropdown-menu/markdown): Actions, checkboxes and radio options in a springy menu with full keyboard support. - [Action button](https://lodeui.com/components/action-button/markdown): A button that morphs through saving, saved and failed, right where you clicked. - [Number ticker](https://lodeui.com/components/number-ticker/markdown): Every digit rolls on its own wheel, odometer style. - [Tabs](https://lodeui.com/components/tabs/markdown): Underline or pill tabs with an indicator that glides between them. - [Tooltip](https://lodeui.com/components/tooltip/markdown): A small label on hover or focus, with a delay that respects intent. - [Checkbox](https://lodeui.com/components/checkbox/markdown): A checkbox whose tick draws itself, with an indeterminate state. - [Progress](https://lodeui.com/components/progress/markdown): Linear bar, ring and segmented meter, all spring-driven. - [Toast](https://lodeui.com/components/toast/markdown): Stacked notifications that fan out on hover, swipe to dismiss, and track promises. - [Dialog](https://lodeui.com/components/dialog/markdown): A modal or side sheet with focus trap, scroll lock and focus return. - [Accordion](https://lodeui.com/components/accordion/markdown): Expandable sections with smooth height and a turning plus. - [OTP input](https://lodeui.com/components/otp-input/markdown): One-time code boxes that handle paste and autofill, and shake on a wrong code. - [Avatar group](https://lodeui.com/components/avatar-group/markdown): Overlapping avatars that spread apart on hover. - [Sparkline](https://lodeui.com/components/sparkline/markdown): A tiny trend line that draws itself in. - [Bar chart](https://lodeui.com/components/bar-chart/markdown) (Pro): Bars that grow in and morph between datasets, with a hover readout. - [Candlestick chart](https://lodeui.com/components/candlestick-chart/markdown) (Pro): OHLC candles with volume, moving averages and a price crosshair. - [Heatmap](https://lodeui.com/components/heatmap/markdown) (Pro): A color-scaled grid with row and column tracking, for cohorts and schedules. - [Stacked area chart](https://lodeui.com/components/stacked-area-chart/markdown) (Pro): Stacked series above and below zero, morphing as the range changes. - [Folder stack](https://lodeui.com/components/folder-stack/markdown) (Pro): A folder that fans its files out on hover and opens them in a lightbox. - [Profile card](https://lodeui.com/components/profile-card/markdown) (Pro): A portrait whose details rise into a glass panel on hover. - [Input](https://lodeui.com/components/input/markdown): Text, search, password and URL inputs with icons, clear button and a labelled Field wrapper. - [Textarea](https://lodeui.com/components/textarea/markdown): A textarea that grows with its content, with an optional character counter. - [Badge](https://lodeui.com/components/badge/markdown): Tone badges and status dots for states like paid, pending, live and degraded. - [Alert](https://lodeui.com/components/alert/markdown): Inline alerts and page banners in four tones, with actions and dismiss. - [Skeleton](https://lodeui.com/components/skeleton/markdown): Shimmering placeholders for loading content. - [Empty state](https://lodeui.com/components/empty-state/markdown): Empty, no-results, error, offline, maintenance and rate-limit states with one API. - [Breadcrumb](https://lodeui.com/components/breadcrumb/markdown): Hierarchy trail that collapses long paths and works with any router link. - [Pagination](https://lodeui.com/components/pagination/markdown): Page numbers with ellipses and a gliding current-page indicator. - [Stepper](https://lodeui.com/components/stepper/markdown): Horizontal or vertical steps with animated progress and back-navigation. - [Radio group](https://lodeui.com/components/radio-group/markdown): Radios as a list or as choice cards, with arrow-key navigation. - [Tag input](https://lodeui.com/components/tag-input/markdown): Type, paste or pick suggestions to add tags; validates each one. - [Combobox](https://lodeui.com/components/combobox/markdown): Searchable select for one or many values, fully keyboard driven. - [Popover](https://lodeui.com/components/popover/markdown): An anchored panel for filters, forms and details. - [KPI card](https://lodeui.com/components/kpi-card/markdown): A metric with delta, hint and an optional sparkline. - [Timeline](https://lodeui.com/components/timeline/markdown): Vertical activity timeline with toned icons that stagger in. - [Data table](https://lodeui.com/components/data-table/markdown) (Pro): Sorting, search, filters, selection, bulk actions, column visibility, pagination, expandable rows, export and mobile cards. - [Code viewer](https://lodeui.com/components/code-viewer/markdown): File tabs, line numbers, highlighted lines, copy and expand, with a dependency-free highlighter. - [Terminal](https://lodeui.com/components/terminal/markdown): A terminal window that types commands and streams output, with replay and copy. - [JSON viewer](https://lodeui.com/components/json-viewer/markdown): Collapsible, syntax-colored JSON tree. - [Diff viewer](https://lodeui.com/components/diff-viewer/markdown) (Pro): Line diff in unified or split view with added/removed counts. - [Log viewer](https://lodeui.com/components/log-viewer/markdown) (Pro): Live log stream with level filters, search and follow mode. - [Uptime bar](https://lodeui.com/components/uptime-bar/markdown) (Pro): Daily status bars with uptime percentage and incident tooltips. - [Environment editor](https://lodeui.com/components/env-editor/markdown) (Pro): Masked env vars with per-environment scope, validation and .env paste. - [Spotlight card](https://lodeui.com/components/spotlight-card/markdown): A card lit by a spotlight that follows the pointer, border included. - [Magnetic](https://lodeui.com/components/magnetic/markdown): Makes any element lean toward the pointer and spring back. - [Text reveal](https://lodeui.com/components/text-reveal/markdown): Text that rises out of a blur, word by word, as it scrolls into view. - [Text scramble](https://lodeui.com/components/text-scramble/markdown): Characters cycle through glyphs and settle into the final text. - [Border beam](https://lodeui.com/components/border-beam/markdown) (Pro): A light that travels around an element's border. - [Shimmer text](https://lodeui.com/components/shimmer-text/markdown): Text with a light sweep, for thinking and loading states. - [Reveal](https://lodeui.com/components/reveal/markdown): Scroll-triggered fade-and-slide, plus a Stagger for groups. - [Sortable list](https://lodeui.com/components/sortable-list/markdown) (Pro): Drag to reorder, or use arrow keys on the handle; announces moves. - [Tilt card](https://lodeui.com/components/tilt-card/markdown) (Pro): A card that tilts in 3D toward the pointer with a moving glare. - [Line chart](https://lodeui.com/components/line-chart/markdown): Multi-series lines with legend toggles, crosshair and shared tooltip. - [Funnel chart](https://lodeui.com/components/funnel-chart/markdown) (Pro): Conversion funnel with overall and step-to-step rates. - [Gauge](https://lodeui.com/components/gauge/markdown): Half-circle gauge with warning and danger thresholds. - [Prompt input](https://lodeui.com/components/prompt-input/markdown) (Pro): Chat composer that grows, takes files by picker, paste or drop, and turns into Stop while generating. - [AI reasoning](https://lodeui.com/components/ai-reasoning/markdown) (Pro): A collapsible thinking trace that folds into a summary when done. - [Citation list](https://lodeui.com/components/citation-list/markdown): Numbered sources and inline citation marks for AI answers. - [Rating](https://lodeui.com/components/rating/markdown): Interactive or read-only star rating with half stars. - [Product card](https://lodeui.com/components/product-card/markdown) (Pro): Product tile with swatches, wishlist, sale price and add-to-cart. - [Dock](https://lodeui.com/components/dock/markdown) (Pro): macOS-style dock whose icons magnify under the pointer, with tooltips, badges and active dots. - [Marquee](https://lodeui.com/components/marquee/markdown) (Pro): Endless, seamless scroller for logos and testimonials that glides to a stop on hover. - [Flip card](https://lodeui.com/components/flip-card/markdown) (Pro): A two-sided card that flips in 3D on click, Enter or hover. - [Swipe deck](https://lodeui.com/components/swipe-deck/markdown) (Pro): Tinder-style card stack: drag, tap or use arrow keys to pass or like, with undo. - [Like button](https://lodeui.com/components/like-button/markdown) (Pro): Heart toggle that bursts into particles and rolls its count. - [Hold to confirm](https://lodeui.com/components/hold-to-confirm/markdown) (Pro): Press and hold to confirm destructive or important actions; letting go cancels. - [Slide to confirm](https://lodeui.com/components/slide-to-confirm/markdown) (Pro): Drag the handle to the end to confirm a payment or action; Enter works too. - [Typewriter](https://lodeui.com/components/typewriter/markdown) (Pro): Types phrases out, deletes them and moves on, with a blinking caret. - [Word rotate](https://lodeui.com/components/word-rotate/markdown) (Pro): Cycles words in place with a blur-slide while the width springs to fit. - [Aurora background](https://lodeui.com/components/aurora-background/markdown) (Pro): Slow drifting northern-lights glow behind any section. - [Morphing dialog](https://lodeui.com/components/morphing-dialog/markdown) (Pro): A card that morphs into a dialog: cover, title and frame fly to their new places. - [Animated list](https://lodeui.com/components/animated-list/markdown) (Pro): A feed where new entries spring in at the top and older ones make room. - [Image compare](https://lodeui.com/components/image-compare/markdown) (Pro): Before and after slider with drag, hover and keyboard control. - [Carousel](https://lodeui.com/components/carousel/markdown) (Pro): Swipeable slides with arrows, animated dots, keys and pausable autoplay. - [Color picker](https://lodeui.com/components/color-picker/markdown) (Pro): Saturation and hue pickers, hex field, swatches, eyedropper and copy. - [File dropzone](https://lodeui.com/components/file-dropzone/markdown) (Pro): Drag-and-drop upload with type, size and count checks and per-file progress. - [Scroll progress](https://lodeui.com/components/scroll-progress/markdown) (Pro): A reading progress bar that springs with the page or any scroll container. - [Dynamic island](https://lodeui.com/components/dynamic-island/markdown) (Pro): A black pill that morphs its size and shape to fit live activity. - [Expandable tabs](https://lodeui.com/components/expandable-tabs/markdown) (Pro): Icon tabs where the selected one grows to reveal its label. - [Tree view](https://lodeui.com/components/tree-view/markdown) (Pro): Folders and files with animated expand, indent guides and full tree keyboard support. - [Context menu](https://lodeui.com/components/context-menu/markdown) (Pro): Right-click menu that opens at the pointer, with long-press, typeahead and shortcuts. - [Hover card](https://lodeui.com/components/hover-card/markdown) (Pro): A rich preview that appears on hover or focus and stays while you move into it. - [Orbiting circles](https://lodeui.com/components/orbiting-circles/markdown) (Pro): Icons orbiting a center on rings, staying upright as they travel. - [Flip clock](https://lodeui.com/components/flip-clock/markdown) (Pro): Split-flap countdown where every digit flips like a departures board. - [Contribution graph](https://lodeui.com/components/contribution-graph/markdown) (Pro): A year of activity as a grid of days with tooltips and keyboard exploring. - [Resizable panels](https://lodeui.com/components/resizable-panels/markdown) (Pro): Panels with draggable, keyboard-resizable dividers and double-click reset. - [Drawer](https://lodeui.com/components/drawer/markdown) (Pro): A bottom sheet you drag down to dismiss, with focus trap and safe-area padding. - [Confetti](https://lodeui.com/components/confetti/markdown) (Pro): Fire a confetti burst from any point, or use the button that bursts from itself. - [Range slider](https://lodeui.com/components/range-slider/markdown) (Pro): Two-thumb range with value bubbles and an optional live histogram. - [Wheel picker](https://lodeui.com/components/wheel-picker/markdown) (Pro): iOS-style scroll wheel with 3D rows, snapping and keyboard support. - [Toggle group](https://lodeui.com/components/toggle-group/markdown) (Pro): A row of toggle buttons for one choice (alignment) or several (bold, italic), with a sliding pill. - [Mention input](https://lodeui.com/components/mention-input/markdown) (Pro): A textarea that suggests people as you type @ and inserts their handle. - [Password strength](https://lodeui.com/components/password-strength/markdown) (Pro): New-password field with show / hide, a four-step meter and a live rules checklist. - [Phone input](https://lodeui.com/components/phone-input/markdown) (Pro): Phone field with a searchable country picker that formats numbers as you type. - [Credit card input](https://lodeui.com/components/credit-card-input/markdown) (Pro): Card fields with brand detection, Luhn validation and a live card that flips for the CVC. - [Signature pad](https://lodeui.com/components/signature-pad/markdown) (Pro): Draw a signature with mouse, pen or finger; strokes thin with speed. Undo and clear. - [Knob](https://lodeui.com/components/knob/markdown) (Pro): A rotary dial like on audio gear: drag, scroll or use the arrow keys. - [Inline edit](https://lodeui.com/components/inline-edit/markdown) (Pro): Text that becomes a field on click; Enter saves with validation, Escape cancels. - [Calendar](https://lodeui.com/components/calendar/markdown) (Pro): Single-date calendar with month and year jumping, marked days and grid keyboard support. - [Time slot picker](https://lodeui.com/components/time-slot-picker/markdown) (Pro): Bookable time slots where picking one slides out a confirm button. - [Navigation menu](https://lodeui.com/components/navigation-menu/markdown) (Pro): Header menu whose panels slide between triggers and morph to fit, with featured cards. - [Sidebar](https://lodeui.com/components/sidebar/markdown) (Pro): App sidebar that collapses to icons, with nested groups, badges and a gliding active marker. - [Speed dial](https://lodeui.com/components/speed-dial/markdown) (Pro): A floating action button that fans out labelled actions. - [Bottom nav](https://lodeui.com/components/bottom-nav/markdown) (Pro): Mobile tab bar with an animated indicator, badges and safe-area padding. - [Table of contents](https://lodeui.com/components/table-of-contents/markdown) (Pro): On-this-page list that highlights the current section, with a gliding marker and progress ring. - [Loader](https://lodeui.com/components/loader/markdown) (Pro): Six loading indicators (spinner, dots, bars, pulse, orbit, ring) with one API. - [Notification center](https://lodeui.com/components/notification-center/markdown) (Pro): A bell with unread badge opening a panel with tabs, mark-all-read and dismiss. - [Announcement bar](https://lodeui.com/components/announcement-bar/markdown) (Pro): A slim dismissible bar above the header that rotates launch messages. - [Typing indicator](https://lodeui.com/components/typing-indicator/markdown) (Pro): Bouncing dots in a chat bubble with who is typing. - [Radar chart](https://lodeui.com/components/radar-chart/markdown) (Pro): Compare series across dimensions; shapes morph and legend toggles series. - [Scatter chart](https://lodeui.com/components/scatter-chart/markdown) (Pro): Points or bubbles on two measures with groups, hover card and keyboard-focusable dots. - [Treemap](https://lodeui.com/components/treemap/markdown) (Pro): Squarified rectangles sized by value, for revenue mix, storage and market caps. - [Activity rings](https://lodeui.com/components/activity-rings/markdown) (Pro): Concentric progress rings like a fitness watch, overlapping past 100%. - [Gradient text](https://lodeui.com/components/gradient-text/markdown) (Pro): Text filled with a slowly flowing gradient. - [Particles](https://lodeui.com/components/particles/markdown) (Pro): A drifting constellation of dots on canvas that moves away from the pointer. - [Meteors](https://lodeui.com/components/meteors/markdown) (Pro): Shooting stars streaking across a card or hero. - [Ripple button](https://lodeui.com/components/ripple-button/markdown) (Pro): A button that ripples from wherever it's pressed. - [Animated beam](https://lodeui.com/components/animated-beam/markdown) (Pro): A glowing pulse travelling along a curved line between two elements. - [Grid pattern](https://lodeui.com/components/grid-pattern/markdown) (Pro): A technical grid background where a few cells gently light up. - [Scroll stack](https://lodeui.com/components/scroll-stack/markdown) (Pro): Cards that stick and stack as you scroll, earlier ones shrinking into the pile. - [Theme switch](https://lodeui.com/components/theme-switch/markdown) (Pro): A day / night switch: the sun sets into a moon and the stars come out. - [Video player](https://lodeui.com/components/video-player/markdown) (Pro): Video with custom auto-hiding controls, scrubbing, captions, fullscreen and shortcuts. - [Audio player](https://lodeui.com/components/audio-player/markdown) (Pro): Compact audio player with a clickable waveform, skip and playback speed. - [Image lens](https://lodeui.com/components/image-lens/markdown) (Pro): A magnifying glass that follows the pointer (or arrow keys) over an image. - [Lightbox](https://lodeui.com/components/lightbox/markdown) (Pro): Thumbnail grid that opens a full-screen viewer with swipe, arrows and captions. - [Chat message](https://lodeui.com/components/chat-message/markdown) (Pro): A chat turn with streaming cursor, copy, feedback and regenerate. - [Voice orb](https://lodeui.com/components/voice-orb/markdown) (Pro): A living orb for voice assistants: idle, listening, thinking and speaking states. - [Coupon input](https://lodeui.com/components/coupon-input/markdown) (Pro): Promo code field that validates, shows a removable ticket and shakes on errors. - [Payment card](https://lodeui.com/components/payment-card/markdown) (Pro): A wallet card with a holographic sheen that follows the pointer and a number reveal. - [Product tour](https://lodeui.com/components/product-tour/markdown) (Pro): A guided tour: a spotlight glides between elements with an explaining card. ## Blocks (62) - [Metrics dashboard](https://lodeui.com/blocks/metrics-dashboard/markdown) (Pro): KPI tabs, one inspectable chart with period comparison, and top pages and sources. - [Revenue breakdown](https://lodeui.com/blocks/revenue-breakdown/markdown) (Pro): Recurring revenue split into new, expansion and churn, with a draggable range brush. - [MRR waterfall](https://lodeui.com/blocks/mrr-waterfall/markdown) (Pro): How MRR moved from start to end of a period, and which accounts moved it. - [Cohort retention](https://lodeui.com/blocks/cohort-retention/markdown) (Pro): Retention by signup month as a heatmap, with segments. - [Usage forecast](https://lodeui.com/blocks/usage-forecast/markdown) (Pro): Actual and projected usage against a budget, with the day you'll cross it. - [Billing settings](https://lodeui.com/blocks/billing-settings/markdown) (Pro): Plan, payment method, usage meters, invoices and a prorated plan change. - [Trading terminal](https://lodeui.com/blocks/trading-terminal/markdown) (Pro): Live price, candlesticks, a watchlist with sparklines and an order ticket. - [Agent run](https://lodeui.com/blocks/agent-run/markdown) (Pro): An AI coding agent's run: steps stream in with search results, code and a diff. - [AI chat](https://lodeui.com/blocks/ai-chat/markdown) (Pro): A chat with streamed answers, model picker, suggestions and stop. - [Inbox triage](https://lodeui.com/blocks/inbox-triage/markdown) (Pro): Keyboard-first triage: j/k to move, e to archive, s to snooze, with undo. - [Week calendar](https://lodeui.com/blocks/week-calendar/markdown) (Pro): A week view with calendars, a now line, and click-to-create events. - [Onboarding checklist](https://lodeui.com/blocks/onboarding-checklist/markdown): A setup checklist with progress ring and inline actions. - [Pricing section](https://lodeui.com/blocks/pricing-section/markdown): Three tiers with a monthly/yearly toggle whose prices roll. - [SaaS revenue analytics](https://lodeui.com/blocks/revenue-analytics/markdown) (Pro): Revenue trend, MRR, ARR, customers and conversion, source mix and a live transactions feed. - [API keys manager](https://lodeui.com/blocks/api-keys-manager/markdown) (Pro): Create scoped live/test keys, reveal once, copy, and revoke with confirmation. - [Deployments](https://lodeui.com/blocks/deployments/markdown) (Pro): Deployment history with status, branch and commit, live build logs and redeploy. - [Webhook logs](https://lodeui.com/blocks/webhook-logs/markdown) (Pro): Webhook deliveries with payload and response inspection, failure filter and retry. - [System status](https://lodeui.com/blocks/system-status/markdown): Overall status, 60-day uptime per service and incident history. - [Feature flags](https://lodeui.com/blocks/feature-flags/markdown) (Pro): Flags per environment with switches, percentage rollouts and a change log. - [API playground](https://lodeui.com/blocks/api-playground/markdown) (Pro): Pick an endpoint, edit headers and body, send, and read the JSON response or cURL. - [Environment variables](https://lodeui.com/blocks/env-variables/markdown) (Pro): Project env vars with masking, scopes, .env paste, dirty state and save. - [CRM pipeline](https://lodeui.com/blocks/crm-pipeline/markdown) (Pro): Drag deals across stages; open, weighted forecast and won totals update live. - [CRM contacts](https://lodeui.com/blocks/crm-contacts/markdown) (Pro): Contacts on the data table with filters, expandable details, bulk email, tag and delete. - [Store orders](https://lodeui.com/blocks/store-orders/markdown) (Pro): Order KPIs, status and channel filters, bulk fulfil, packing slips and CSV export. - [Product detail](https://lodeui.com/blocks/product-detail/markdown) (Pro): Gallery that follows the color, variants with stock, quantity and add to cart. - [Support ticket](https://lodeui.com/blocks/support-ticket/markdown) (Pro): Conversation with internal notes, macros, SLA countdown and customer context. - [CMS posts](https://lodeui.com/blocks/cms-posts/markdown) (Pro): Posts by status and an editor with tags, word count, preview and publish. - [Sign in](https://lodeui.com/blocks/sign-in/markdown): Password or magic link, SSO and GitHub, inline validation and a check-your-email state. - [Two-factor verification](https://lodeui.com/blocks/two-factor/markdown): Authenticator code with resend timer, backup-code fallback and success state. - [AI playground](https://lodeui.com/blocks/ai-playground/markdown) (Pro): Compare two models on one prompt with parameters, reasoning, streaming, tokens and cost. - [Kanban board](https://lodeui.com/blocks/kanban-board/markdown) (Pro): Sprint board with drag between columns, WIP limits, quick add and points. - [Team members](https://lodeui.com/blocks/team-members/markdown) (Pro): Seat usage, invite by email with role, change roles, resend or remove. - [Hero section](https://lodeui.com/blocks/hero-section/markdown) (Pro): Launch hero with badge, flowing gradient headline, two actions and a live product preview on a glowing grid. - [Feature bento](https://lodeui.com/blocks/feature-bento/markdown) (Pro): A bento grid of features, each with a small live visual and a pointer spotlight. - [Testimonials wall](https://lodeui.com/blocks/testimonials-wall/markdown) (Pro): Testimonials in slowly scrolling columns that pause on hover, rows on phones. - [Stats section](https://lodeui.com/blocks/stats-section/markdown) (Pro): Headline numbers that count up when they scroll into view. - [Logo cloud](https://lodeui.com/blocks/logo-cloud/markdown) (Pro): Trusted-by logos as an endless strip or a static grid. - [CTA section](https://lodeui.com/blocks/cta-section/markdown) (Pro): A dark closing call to action with meteors and an email capture. - [FAQ section](https://lodeui.com/blocks/faq-section/markdown) (Pro): Searchable FAQ with category filters, an accordion and a contact fallback. - [Changelog](https://lodeui.com/blocks/changelog/markdown) (Pro): Release notes timeline with type filters, cover art and subscribe. - [Footer section](https://lodeui.com/blocks/footer-section/markdown) (Pro): Site footer with link columns, newsletter, live status and socials. - [Pricing comparison](https://lodeui.com/blocks/pricing-comparison/markdown) (Pro): Plan comparison table with sticky headers, yearly toggle and a mobile plan picker. - [Invoice](https://lodeui.com/blocks/invoice/markdown) (Pro): An invoice with status timeline, line items, totals, copyable bank details and pay. - [Checkout](https://lodeui.com/blocks/checkout/markdown) (Pro): Three-step checkout with shipping choice, card entry, promo codes and order summary. - [Shopping cart](https://lodeui.com/blocks/shopping-cart/markdown) (Pro): Cart with quantity steppers, remove with undo and free-shipping progress. - [Order tracking](https://lodeui.com/blocks/order-tracking/markdown) (Pro): Shipment tracking with a route map, moving van, stepper and event timeline. - [Sign up](https://lodeui.com/blocks/sign-up/markdown) (Pro): Three-step sign-up: account, password with live rules and email code verification. - [Forgot password](https://lodeui.com/blocks/forgot-password/markdown) (Pro): Password reset: request link, resend timer, new password and done state. - [Onboarding wizard](https://lodeui.com/blocks/onboarding-wizard/markdown) (Pro): Welcome flow for role, goals, team size and invites, ending with confetti. - [Account settings](https://lodeui.com/blocks/settings-account/markdown) (Pro): Profile with inline edits, security toggles, active sessions and guarded delete. - [Notification preferences](https://lodeui.com/blocks/notification-preferences/markdown) (Pro): Channel-by-event matrix with column toggles, quiet hours and unsaved-changes bar. - [Integrations gallery](https://lodeui.com/blocks/integrations-gallery/markdown) (Pro): Searchable integrations with categories and connect / disconnect in place. - [AI image generator](https://lodeui.com/blocks/ai-image-generator/markdown) (Pro): Prompt to images with style and ratio, shimmer placeholders, likes and a lightbox. - [AI search](https://lodeui.com/blocks/ai-search/markdown) (Pro): Answer engine with streamed reasoning, inline citations, sources and follow-ups. - [Meeting scheduler](https://lodeui.com/blocks/meeting-scheduler/markdown) (Pro): Book a call: host card, calendar, time slots and confirmation. - [File manager](https://lodeui.com/blocks/file-manager/markdown) (Pro): File browser with folders, grid / list views, search, stars and right-click actions. - [Team chat](https://lodeui.com/blocks/team-chat/markdown) (Pro): Team chat with channels, reactions, mentions, typing indicator and mobile drawer. - [Crypto wallet](https://lodeui.com/blocks/crypto-wallet/markdown) (Pro): Wallet balance, portfolio chart, holdings with sparklines and a slide-to-send flow. - [Expense tracker](https://lodeui.com/blocks/expense-tracker/markdown) (Pro): Spending by category, budget bars that warn, quick add and recent expenses. - [Help center](https://lodeui.com/blocks/help-center/markdown) (Pro): Help center with instant search, topics, article reader and feedback. - [Realtime analytics](https://lodeui.com/blocks/realtime-analytics/markdown) (Pro): Live visitors counter, per-second bars, event feed, top pages and devices. - [Lead detail](https://lodeui.com/blocks/lead-detail/markdown) (Pro): CRM lead with deal stage, AI lead score, activity timeline, notes and next steps. ## Templates (13) - [SaaS landing page](https://lodeui.com/templates/saas-landing/markdown) (Pro): Hero with signup, logos, feature grid, stats, testimonials, pricing, FAQ, CTA and footer. - [Status page](https://lodeui.com/templates/status-page/markdown): A public status page with subscribe, uptime per service and incident history. - [Admin dashboard](https://lodeui.com/templates/admin-dashboard/markdown) (Pro): App shell with sidebar (drawer on mobile), top bar, breadcrumbs and pages for overview, customers, team, billing and API keys. - [AI startup landing](https://lodeui.com/templates/ai-landing/markdown) (Pro): A landing page for an AI assistant: streaming chat hero, animated data-flow diagram, features, pricing and FAQ. - [Fintech landing](https://lodeui.com/templates/fintech-landing/markdown) (Pro): A neobank landing page: stacked holographic cards, rates, budget rings, trust stats and FAQ. - [Developer tool landing](https://lodeui.com/templates/devtool-landing/markdown) (Pro): An API platform landing page: terminal hero, code sample, features grid, plan comparison and changelog. - [E-commerce landing](https://lodeui.com/templates/ecommerce-landing/markdown) (Pro): A storefront landing page: perks ticker, editorial hero, product grid with cart, story and reviews. - [Agency landing](https://lodeui.com/templates/agency-landing/markdown) (Pro): A studio landing page: word-by-word headline, capabilities ticker, morphing case studies and services. - [Mobile app landing](https://lodeui.com/templates/app-landing/markdown) (Pro): A mobile app landing page: phone mockup, store buttons, scroll-stacked features and reviews. - [CRM landing](https://lodeui.com/templates/crm-landing/markdown) (Pro): A CRM landing page: live pipeline hero, feature bento, results stats and plan comparison. - [Analytics landing](https://lodeui.com/templates/analytics-landing/markdown) (Pro): An analytics SaaS landing page with an embedded live realtime dashboard demo. - [Waitlist landing](https://lodeui.com/templates/waitlist-landing/markdown) (Pro): A one-screen waitlist page: particles, countdown, email capture, referral link and signup count. - [Conference landing](https://lodeui.com/templates/conference-landing/markdown) (Pro): An event landing page: countdown, speakers, day-by-day schedule, tickets and FAQ.