{"name":"shoogle","homepage":"https://shoogle.dev","query":"how-it-works-3","pagination":{"hasMore":false,"limit":100,"offset":0,"total":100},"items":[{"addCommandArgument":"@7ovr/how-it-works-3","description":"Interactive horizontal stepper with a progress fill and clickable steps that stacks on mobile","name":"7ovr/how-it-works-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@tailark/how-it-works-3","description":"Tailark how-it-works variant 3 block","name":"tailark/how-it-works-3","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-18","description":"Two-column before/after split with bullet lists, X/checkmark icons and a centred arrow divider — clear contrast CTA below.","name":"blockus/how-it-works-18","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-17","description":"4-step vertical timeline on a left border spine; each step carries a terminal-styled code card showing the exact command.","name":"blockus/how-it-works-17","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-16","description":"Always-dark bg-stone-950 canvas with three columns, oversized faded step numbers as background texture and clean prose.","name":"blockus/how-it-works-16","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-15","description":"5-stage horizontal pipeline with arrow connectors, equal-weight cards and a gradient progress bar beneath the flow.","name":"blockus/how-it-works-15","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-14","description":"4-step bento layout with mixed-size tiles, oversized watermark numerals and one accent tile — no icons needed.","name":"blockus/how-it-works-14","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-13","description":"Tabs primitive drives a 3-phase layout where each tab reveals step prose alongside a contextual mock UI panel.","name":"blockus/how-it-works-13","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-12","description":"Click-driven 4-step stepper with a sticky preview panel that swaps its content per active step — built with useState.","name":"blockus/how-it-works-12","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-11","description":"4-step left/right alternating layout anchored by a vertical spine with primary-coloured connector dots and bordered cards.","name":"blockus/how-it-works-11","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-10","description":"4-step vertical checklist with lucide icons in bordered circles, a thin spine connector and generous left-aligned prose.","name":"blockus/how-it-works-10","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-09","description":"Minimal 3-step section with numbered circles, a full-width connector line and a centered CTA — no icons, type does the work.","name":"blockus/how-it-works-09","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-08","description":"Serif-typeset how-we-work with roman-numeral chapters, kickers and an artifact card per step — perfect for studio sites.","name":"blockus/how-it-works-08","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-07","description":"Pure-dark how-it-works with three terminal panes — one per step — showing real CLI output and a glowing primary CTA.","name":"blockus/how-it-works-07","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-06","description":"Four steps arranged as a mixed-span bento — catalog tiles, terminal pane, theme swatch row and a metric summary CTA.","name":"blockus/how-it-works-06","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-05","description":"Compact four-step row connected by dashed arrows — fastest at-a-glance pipeline diagram for an above-the-fold band.","name":"blockus/how-it-works-05","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-04","description":"Sticky headline on the left, scrolling numbered cards on the right — each with a board / code / funnel mock to make the step concrete.","name":"blockus/how-it-works-04","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-03","description":"Three product-flow steps — Capture, Verify, Settle — each card paired with a faithful mini UI mock (payment form, risk checks, receipt).","name":"blockus/how-it-works-03","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-02","description":"Four-step vertical timeline with dashed rail, numbered nodes and an icon per step.","name":"blockus/how-it-works-02","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@blockus/how-it-works-01","description":"Centered three-column path with numbered icons, kicker, headline and a single Get-started CTA.","name":"blockus/how-it-works-01","registry":"@blockus","type":"registry:block"},{"addCommandArgument":"@7ovr/how-it-works-4","description":"A how-it-works section with three alternating zig-zag rows, each pairing a numbered step with a title, description, and checklist on one side and a mock UI preview panel on the other.","name":"7ovr/how-it-works-4","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/how-it-works-2","description":"A vertical left-rail timeline that stacks four numbered steps down the page, each with a bordered icon circle, a connecting line to the next step, a monospaced step counter, a bold title, and a line of supporting copy.","name":"7ovr/how-it-works-2","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/how-it-works-1","description":"A three-step 'how it works' row with numbered, iconed steps.","name":"7ovr/how-it-works-1","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@tailark/how-it-works-2","description":"Tailark how-it-works variant 2 block","name":"tailark/how-it-works-2","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/how-it-works-6","description":"Tailark how-it-works variant 6 block","name":"tailark/how-it-works-6","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/how-it-works-7","description":"Tailark how-it-works variant 7 block","name":"tailark/how-it-works-7","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/how-it-works-1","description":"Tailark how-it-works variant 1 block","name":"tailark/how-it-works-1","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/how-it-works-4","description":"Tailark how-it-works variant 4 block","name":"tailark/how-it-works-4","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/how-it-works-5","description":"Tailark how-it-works variant 5 block","name":"tailark/how-it-works-5","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/marketing-pro-waitlist-sections-waitlist-how-it-works","description":"A four step numbered grid explaining the queue mechanics from signup to invite, each step carrying the one rule that governs it.","name":"shadcn-ui-blocks/marketing-pro-waitlist-sections-waitlist-how-it-works","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/ecommerce-pro-gift-card-sections-gift-card-how-it-works","description":"Three numbered step tiles trace the path from checkout to redemption, each grounded by a small interface chip, above a send button.","name":"shadcn-ui-blocks/ecommerce-pro-gift-card-sections-gift-card-how-it-works","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@soundcn/kill-it","description":"A concise, spoken 'kill it' sound, suitable for general enemy elimination commands or confirming a destructive action in a game.","name":"soundcn/kill-it","registry":"@soundcn","type":"registry:block"},{"addCommandArgument":"@cnippet/m-letter-3d-swap-3","description":"Direction showcase — four rows compare top, right, bottom, and left rotations","name":"cnippet/m-letter-3d-swap-3","registry":"@cnippet","type":"registry:block"},{"addCommandArgument":"@reui/card-39","description":"Responsive grid of clickable resource cards, each with an icon badge, title link, and short blurb. Built on ReUI Frame and FramePanel with shadcn Item and ItemMedia. For docs hubs, help centers, onboarding, and platform overview sections.","name":"reui/card-39","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/card-38","description":"Horizontal KPI strip in a ReUI Frame: equal stat columns with bold value over muted label, hairline dividers, and a dotted-texture final cell. Profile or dashboard summary stats, metric row.","name":"reui/card-38","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/card-37","description":"Responsive 3-column grid of compact KPI tiles, each a muted label over a green icon plus bold metric value (MRR, revenue, growth). Built on ReUI Frame and FramePanel for stats summaries, metric cards, company snapshots.","name":"reui/card-37","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/card-36","description":"Responsive container-query grid of compact KPI stat cards, each pairing a large metric value with a muted label over a masked dot-grid pattern. Built on ReUI Frame and FramePanel for dashboards, analytics, and metrics overviews.","name":"reui/card-36","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/card-35","description":"Responsive grid of compact metric cards, each pairing a muted label with a bold value over a masked halftone dot pattern. Built on the ReUI Frame and FramePanel. For dashboard KPI tiles, stats overview, and analytics summary cards.","name":"reui/card-35","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/card-34","description":"Responsive grid of compact stat cards: each shows a metric label, large value with a faded decimal tail, and a colored trend Badge (up or down) with a period label. Built on ReUI Frame, FramePanel, Badge. For dashboards, analytics, KPI summaries.","name":"reui/card-34","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/card-33","description":"Responsive four-up grid of inventory stat cards, each with a gradient icon badge, dotted backdrop, linked title, value, and an ellipsis menu (Edit, Copy link, Delete). Uses ReUI Frame, shadcn DropdownMenu, Item, Button. Dashboard KPIs and stats.","name":"reui/card-33","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/card-32","description":"Single-row summary splitting metrics across divided columns, each with a colored status icon, value, and unit, plus an overflow team avatar column. Built with ReUI Frame and shadcn Avatar, AvatarGroup. For compliance, security, or KPI overview cards.","name":"reui/card-32","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@shadcnui-blocks/og-32","description":"With image on the right","name":"shadcnui-blocks/og-32","registry":"@shadcnui-blocks","type":"registry:item"},{"addCommandArgument":"@reui/card-31","description":"Four-up metric cards showing a big number, label, and a colored icon tile over a masked square-mesh grid pattern. Built on ReUI Frame and FramePanel. For dashboards, analytics overviews, and KPI stat summaries.","name":"reui/card-31","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@shadcnui-blocks/og-31","description":"With image on the right","name":"shadcnui-blocks/og-31","registry":"@shadcnui-blocks","type":"registry:item"},{"addCommandArgument":"@7ovr/kanban-3","description":"A four-column project board (To Do, In Progress, Review, Done) with per-column counts and drag-and-drop to reorder cards and move them between columns.","name":"7ovr/kanban-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/about-3","description":"A values and principles grid with a left-aligned heading and a bordered grid of icon, title, and description cards. A static company-values section.","name":"7ovr/about-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/chat-3","description":"A live support chat widget built on Message, Bubble, Marker, and MessageScroller, with an agent header, a system marker, quick-reply chips, and a working composer. A compact help-desk panel for customer support.","name":"7ovr/chat-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/status-3","description":"A 90-day uptime monitor showing per-service daily status bars colored by health, with uptime percentages and a status legend. The classic status-page history view.","name":"7ovr/status-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/careers-3","description":"A careers culture page with a headline intro, a photo strip, a three-up values grid, a perks and benefits row, and a call to action. Sells the team and life at the company rather than listing roles.","name":"7ovr/careers-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/search-3","description":"A command-style search panel with a query field and results grouped into Pages, People, and Files, each row with an icon or avatar and meta, plus keyboard hints in the footer. An inline search-as-you-type panel.","name":"7ovr/search-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/activity-3","description":"An audit log feed with action-type icon tiles, a two-line event title and detail, a type tag, and a timestamp. For system, security, and audit activity without avatars.","name":"7ovr/activity-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/steps-3","description":"A progress-bar step indicator showing the current step number, a percentage, a progress bar, the active step's title and description, and back and continue controls. An interactive wizard header.","name":"7ovr/steps-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/profile-3","description":"An organization profile card with a logo mark, verified company name, description, a stat strip, a member avatar stack, and website and contact links. For company or team profile pages.","name":"7ovr/profile-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/article-3","description":"A documentation article layout with a breadcrumb, title, last-updated meta, prose body with a code block, and previous/next pagination cards in the footer. A docs or knowledge-base reading page.","name":"7ovr/article-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/roadmap-3","description":"An interactive public roadmap card where visitors upvote feature requests. Each row has a vote button with a live count, a title, status and category badges, a description, and a progress bar with contributor avatars for in-development items. Good for feedback and feature-request pages.","name":"7ovr/roadmap-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/changelog-3","description":"A compact in-app 'What's New' card with a version pill, release date, and a few highlighted changes, each with a type icon and badge, plus a link to the full changelog. A product-update widget for dashboards or popovers.","name":"7ovr/changelog-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/timeline-3","description":"An activity timeline grouped by day, with rows of grayscale avatar, actor, action, and relative timestamp connected by a vertical rail, plus a small status icon on each avatar. A standalone feed for dashboards, profiles, or audit history.","name":"7ovr/timeline-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/bento-3","description":"An asymmetric bento grid with one large feature tile and supporting tiles.","name":"7ovr/bento-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/stats-3","description":"A stats section with metric cards showing values and up or down deltas.","name":"7ovr/stats-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/error-3","description":"A 500 error page with retry and contact-support actions and a reference code.","name":"7ovr/error-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/charts-3","description":"Analytics area chart card with legend, hover tooltip, and a 7d/30d/90d range select that swaps the dataset","name":"7ovr/charts-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/calendar-3","description":"Interactive month/week calendar with prev/next navigation, view toggle, event chips, and an inline day panel","name":"7ovr/calendar-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/onboarding-3","description":"Multi-step setup wizard card with progress bar, step indicator, per-step fields, toggles, invites and summary","name":"7ovr/onboarding-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/billing-3","description":"Billing page with plan summary, usage bar, payment method card, and invoice history table","name":"7ovr/billing-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/notifications-3","description":"Notification center card with All/Unread/Mentions tabs, read state toggling, and a mark-all-read action","name":"7ovr/notifications-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/settings-3","description":"Tabbed settings page with Account profile fields and switch, Billing plan and payment card, and a Team members table","name":"7ovr/settings-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/sidebar-3","description":"Collapsible icon-rail sidebar with grouped nav, badges, user footer, and tooltips when collapsed","name":"7ovr/sidebar-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/gallery-3","description":"Masonry image gallery with CSS columns and varied-ratio placeholder tiles that reveal a caption overlay on hover","name":"7ovr/gallery-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/comparison-3","description":"Feature comparison table across 3 plans with grouped sections, check/value cells, sticky header and a highlighted column","name":"7ovr/comparison-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/team-3","description":"Responsive grid of eight team member cards that reveal a bio and social links on hover","name":"7ovr/team-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/blog-3","description":"Blog index with a featured post, category filter pills, and a filterable 3-column grid of post cards","name":"7ovr/blog-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/header-3","description":"Responsive sticky site header with logo, desktop nav, sign-in, a primary CTA, and a useState-toggled mobile menu sheet. Composable into page templates.","name":"7ovr/header-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/contact-3","description":"Contact section with a message form beside a map placeholder and office location cards","name":"7ovr/contact-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/testimonials-3","description":"A masonry wall of seven testimonial quote cards in varied heights with avatars, names, and roles","name":"7ovr/testimonials-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/integrations-3","description":"Searchable integrations directory with category filter pills and a responsive grid of connectable apps","name":"7ovr/integrations-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/announcement-3","description":"Dismissible single-line top announcement bar that persists dismissal in localStorage, over a page placeholder","name":"7ovr/announcement-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/newsletter-3","description":"Newsletter signup Card with idle, loading, success, and error states driven by a client state machine","name":"7ovr/newsletter-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/footer-3","description":"Site footer pairing a newsletter signup with grouped nav columns and a social-icon bottom bar","name":"7ovr/footer-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/table-3","description":"A static invoice line-items table with a caption showing billed-to details, per-item qty/unit/unit-price/amount columns, and a multi-row footer with subtotal, tax, and total due.","name":"7ovr/table-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/auth-3","description":"A two-panel sign-up card with a plan-overview sidebar and a create-account form featuring first/last name, email, password, a terms checkbox, and a sign-in link.","name":"7ovr/auth-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/dashboard-3","description":"A compact KPI strip showing six metric tiles in a flush horizontal grid, each with label, large value, and directional delta, beneath a page title and period badge, with no cards, chart, or activity list.","name":"7ovr/dashboard-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/faqs-3","description":"Two-column FAQ layout with a heading, short support CTA card on the left, and a compact single-column accordion on the right.","name":"7ovr/faqs-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/cta-3","description":"Full-width inverted CTA banner on bg-primary with a bold heading, supporting line, and a high-contrast secondary button in a horizontal split layout.","name":"7ovr/cta-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/pricing-3","description":"A single-plan spotlight card centered on the page, featuring a large price display, a full feature checklist, a primary CTA, and a social-proof footnote, designed for one-tier products.","name":"7ovr/pricing-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/features-3","description":"A dense two-column feature checklist with a short left-aligned heading, where each item shows a filled check square, a bold label, and one short description line. An \"everything included\" list with no cards or images.","name":"7ovr/features-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@7ovr/hero-3","description":"Left-aligned hero with headline, subheadline, two CTAs, and a compact inline stat row showing three key business metrics with icons.","name":"7ovr/hero-3","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@lucide-animated/disc-3","name":"lucide-animated/disc-3","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@hexui/sidebar-3","description":"A sidebar designed for AI applications","name":"hexui/sidebar-3","registry":"@hexui","type":"registry:block"},{"addCommandArgument":"@hexui/login-3","description":"A login form with a customizable side background","name":"hexui/login-3","registry":"@hexui","type":"registry:block"},{"addCommandArgument":"@hexui/hero-3","description":"A simple horizontally aligned hero section","name":"hexui/hero-3","registry":"@hexui","type":"registry:block"},{"addCommandArgument":"@hexui/footer-3","description":"Footer for organizations that place typography at the bottom","name":"hexui/footer-3","registry":"@hexui","type":"registry:block"},{"addCommandArgument":"@hexui/faq-3","description":"A simple FAQ section arranged in a clean grid layout","name":"hexui/faq-3","registry":"@hexui","type":"registry:block"},{"addCommandArgument":"@hexui/cta-3","description":"A CTA section designed to showcase mobile product mockups","name":"hexui/cta-3","registry":"@hexui","type":"registry:block"},{"addCommandArgument":"@tailark/team-3","description":"Tailark team variant 3 block","name":"tailark/team-3","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/investors-3","description":"Tailark investors variant 3 block","name":"tailark/investors-3","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/header-3","description":"Tailark header variant 3 block","name":"tailark/header-3","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/contact-3","description":"Tailark contact variant 3 block","name":"tailark/contact-3","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/comparator-3","description":"Tailark comparator variant 3 block","name":"tailark/comparator-3","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/bento-3","description":"Tailark bento variant 3 block","name":"tailark/bento-3","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/models-3","description":"Tailark 3 models illustration","name":"tailark/models-3","registry":"@tailark","type":"registry:component"}],"totalResults":100,"timestamp":"2026-08-15T14:30:10.876Z"}