{"name":"shoogle","homepage":"https://shoogle.dev","query":"how-it-works-7","pagination":{"hasMore":false,"limit":100,"offset":0,"total":100},"items":[{"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":"@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-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":"@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-3","description":"Tailark how-it-works variant 3 block","name":"tailark/how-it-works-3","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-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":"@7ovr/auth-7","description":"A set-new-password card with new and confirm fields, live requirement hints (length, uppercase, number, match), and a success state.","name":"7ovr/auth-7","registry":"@7ovr","type":"registry:block"},{"addCommandArgument":"@tailark/testimonials-7","description":"Tailark testimonials variant 7 block","name":"tailark/testimonials-7","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/team-7","description":"Tailark team variant 7 block","name":"tailark/team-7","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/stats-7","description":"Tailark stats variant 7 block","name":"tailark/stats-7","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/investors-7","description":"Tailark investors variant 7 block","name":"tailark/investors-7","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/header-7","description":"Tailark header variant 7 block","name":"tailark/header-7","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/contact-7","description":"Tailark contact variant 7 block","name":"tailark/contact-7","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/comparator-7","description":"Tailark comparator variant 7 block","name":"tailark/comparator-7","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/bento-7","description":"Tailark bento variant 7 block","name":"tailark/bento-7","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/flow-7","description":"Tailark 7 flow illustration","name":"tailark/flow-7","registry":"@tailark","type":"registry:component"},{"addCommandArgument":"@tailark/calendar-7","description":"Tailark 7 calendar illustration","name":"tailark/calendar-7","registry":"@tailark","type":"registry:component"},{"addCommandArgument":"@reui/wizard-7","description":"Money transfer flow over a 4-step Stepper: pick payee, set amount and funding source, review, authorize with a 6-digit code. Recent-payee grid, searchable saved accounts, multi-currency Combobox, low-balance Alert. ReUI Stepper plus shadcn Combobox.","name":"reui/wizard-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/timeline-7","description":"Dropdown holding a scrollable vertical timeline of rollout steps, each with date, owner, status badge, dot-meta badge, attachment and star rating. ReUI Timeline, Badge, Rating with shadcn DropdownMenu, ScrollArea. Activity feed, audit log.","name":"reui/timeline-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/stats-7","description":"Bordered ReUI Frame panel split into three divided cells, each with a title, large metric value, colored trend Badge and period comparison subtext. KPI overview, dashboard stats, sales and churn metrics row.","name":"reui/stats-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/sheet-7","description":"Floating right-anchored notification panel for in-app activity. Scrollable feed with unread count, mark-all-as-read, approvals, attachments, avatar groups, ratings, and progress. ReUI Badge, Rating; Sheet, Avatar, Button, ScrollArea.","name":"reui/sheet-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/settings-7","description":"Tabbed account settings shell with a side tab rail. Profile with avatar upload, two-step verification, active sessions, delete account, and billing plans. ReUI Alert and Badge with shadcn Tabs, Card, Field, Input, Select, Switch, Item, Avatar.","name":"reui/settings-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/schedule-7","description":"Event card with three collapsible sections: overview rows with live stream and recording switches, presenters, and agenda with Yes/Skip/Maybe RSVP. ReUI Frame and Badge, shadcn Collapsible, Avatar, Switch, Button. For meeting invites and webinars.","name":"reui/schedule-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/profile-7","description":"Single-card meeting recording settings: capture mode, consent, and notes template selects, output checkbox group, prompt textarea, auto-share and transcript switches, Reset and Save with toast. ReUI Badge, shadcn Card, Select, Checkbox, Switch.","name":"reui/profile-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/onboarding-7","description":"Multi-step signup flow: profile, role, source, workspace, goals, invites, with a top Stepper progress bar, animated stacked-screenshot rail, and a success state. ReUI Stepper, Badge; shadcn Field, Combobox, RadioGroup, Select, Switch.","name":"reui/onboarding-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/navbar-7","description":"Sticky editor toolbar for content apps: back link and breadcrumb, AvatarGroup co-presence, Preview, and a ButtonGroup split Publish with Schedule and Save as draft, plus a more-actions DropdownMenu (duplicate, history, archive, delete).","name":"reui/navbar-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/list-7","description":"Transaction card with Weekly and All Time tabs; each row pairs a colored category icon with title, date, and a signed amount tinted green for credits or red for debits. ReUI Frame, shadcn Tabs, Item, Button. For wallet, banking, fintech feeds.","name":"reui/list-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/form-7","description":"Support ticket detail panel where each field edits inline with save, cancel, and async saving toasts. Status, priority, SLA, due-date, tag and owner chips. ReUI Frame, Badge with Select, Combobox, Calendar, Switch. For helpdesk and issue trackers.","name":"reui/form-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/dialog-7","description":"Support hub modal: help routes (guides, walkthroughs, feedback) above an escalation grid pairing an advisor office-hours card with an email-support desk. Uses shadcn Dialog, Item, Card, Avatar, Button and ReUI Badge. Contact support, help center.","name":"reui/dialog-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/dashboard-7","description":"Commerce revenue dashboard: 4 KPI cards with sparklines and trend deltas, a stacked area revenue chart, a channel-mix bar chart, and a searchable, paginated order queue with fulfillment bars. ReUI Frame, Badge, DataGrid; shadcn Chart and Calendar.","name":"reui/dashboard-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/checkout-7","description":"Stepper-driven checkout for contact, shipping, delivery method, and payment, plus promo code discount, tax, and a live order summary. ReUI Stepper, Badge, Alert; shadcn RadioGroup, Select, Input, Button. For checkout page, payment, order review.","name":"reui/checkout-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/chart-7","description":"Side-by-side metric cards showing uptime and code coverage as SVG segmented arc gauges with status label, value, and overlapping reviewer avatars. ReUI Frame, shadcn Avatar group, Button. KPI dashboard, gauge widget.","name":"reui/chart-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/card-7","description":"Responsive grid of compact detail cards, each with a labeled value plus a trailing brand logo, status Badge, or stacked Avatar group. Uses ReUI Frame, Badge and shadcn Avatar. For dashboards, company, profile, and metric cards.","name":"reui/card-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@reui/auth-7","description":"Centered dark magic-link sign-in: email field sends a sign-in link, with Google, Apple and GitHub OAuth, a dashed crosshair-cornered frame, and a customer logo trust strip. Uses Button, Field, InputGroup. For login and auth pages.","name":"reui/auth-7","registry":"@reui","type":"registry:block"},{"addCommandArgument":"@soundcn/laser-7","description":"A sharp, clean laser shot sound, effective for quick hits or clear selection confirmations in a futuristic UI.","name":"soundcn/laser-7","registry":"@soundcn","type":"registry:block"},{"addCommandArgument":"@shadcnstore/testimonial-7","description":"A testimonial block","name":"shadcnstore/testimonial-7","registry":"@shadcnstore","type":"registry:block"},{"addCommandArgument":"@shadcnstore/team-7","description":"A clean and modern team profile","name":"shadcnstore/team-7","registry":"@shadcnstore","type":"registry:block"},{"addCommandArgument":"@shadcnstore/statistic-7","description":"A clean and modern statistics design","name":"shadcnstore/statistic-7","registry":"@shadcnstore","type":"registry:block"},{"addCommandArgument":"@shadcnstore/feature-7","description":"Feature section with dual image showcase and feature grid","name":"shadcnstore/feature-7","registry":"@shadcnstore","type":"registry:block"},{"addCommandArgument":"@tailark/integrations-7","description":"Shadcn/ui website integrations block","name":"tailark/integrations-7","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/features-7","description":"Shadcn/ui website features block","name":"tailark/features-7","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@tailark/content-7","description":"Shadcn/ui website content block","name":"tailark/content-7","registry":"@tailark","type":"registry:block"},{"addCommandArgument":"@efferd/integrations-7","description":"Stacked circular integration cards with hover expand effect and vertical mask.","name":"efferd/integrations-7","registry":"@efferd","type":"registry:block"},{"addCommandArgument":"@efferd/features-7","description":"Three interactive feature cards with animated visual elements showcasing integration, analytics, and usability.","name":"efferd/features-7","registry":"@efferd","type":"registry:block"},{"addCommandArgument":"@efferd/hero-7","description":"Left-aligned hero with 3D perspective dashboard mockup","name":"efferd/hero-7","registry":"@efferd","type":"registry:block"},{"addCommandArgument":"@efferd/header-7","description":"Floating squircle navigation with popover menu and social links.","name":"efferd/header-7","registry":"@efferd","type":"registry:block"},{"addCommandArgument":"@efferd/footer-7","description":"Grid layout with status indicator and detailed links.","name":"efferd/footer-7","registry":"@efferd","type":"registry:block"},{"addCommandArgument":"@efferd/testimonials-7","description":"Infinite horizontal scroll of testimonial cards with full-width dividers.","name":"efferd/testimonials-7","registry":"@efferd","type":"registry:block"},{"addCommandArgument":"@efferd/pricing-7","description":"Credit-based pricing with auto-recharge options and billing toggle.","name":"efferd/pricing-7","registry":"@efferd","type":"registry:block"},{"addCommandArgument":"@efferd/faqs-7","description":"Split FAQ section with numbered accordion rows and full-width dividers for visual structure.","name":"efferd/faqs-7","registry":"@efferd","type":"registry:block"},{"addCommandArgument":"@efferd/dashboard-7","description":"Marketing dashboard with time-range toggles, main revenue chart, lead breakdowns, and transactions table.","name":"efferd/dashboard-7","registry":"@efferd","type":"registry:block"},{"addCommandArgument":"@efferd/cta-7","description":"CTA with heading and animated 'Join Now!' button.","name":"efferd/cta-7","registry":"@efferd","type":"registry:block"},{"addCommandArgument":"@efferd/contact-7","description":"Two-column contact page with intro content and a card-based form.","name":"efferd/contact-7","registry":"@efferd","type":"registry:block"},{"addCommandArgument":"@efferd/auth-7","description":"Split sign-in page with decorative icons and social login.","name":"efferd/auth-7","registry":"@efferd","type":"registry:block"},{"addCommandArgument":"@coss/p-toggle-7","description":"Toggle icon group","name":"coss/p-toggle-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-toast-7","description":"Anchored tooltip-style toast after copy","name":"coss/p-toast-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-textarea-7","description":"Textarea with label and required indicator","name":"coss/p-textarea-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-tabs-7","description":"Tabs with icon before name and underline","name":"coss/p-tabs-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-table-7","description":"CardFrame with card-style table","name":"coss/p-table-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-switch-7","description":"Weekly availability editor with time range combobox pickers","name":"coss/p-switch-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-slider-7","description":"Range slider","name":"coss/p-slider-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-select-7","description":"Multiple select","name":"coss/p-select-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-menu-7","description":"Nested menu","name":"coss/p-menu-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-input-7","description":"Input with button using Group","name":"coss/p-input-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-group-7","description":"Group with start text","name":"coss/p-group-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-field-7","description":"Field with autocomplete","name":"coss/p-field-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-drawer-7","description":"Nested bottom drawers with centered content","name":"coss/p-drawer-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-combobox-7","description":"Combobox with clear button","name":"coss/p-combobox-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-card-7","description":"Framed card with no rounded bottom","name":"coss/p-card-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-calendar-7","description":"Calendar with disabled dates","name":"coss/p-calendar-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-button-7","description":"Link button","name":"coss/p-button-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-breadcrumb-7","description":"Breadcrumb with select dropdown","name":"coss/p-breadcrumb-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-badge-7","description":"Warning badge","name":"coss/p-badge-7","registry":"@coss","type":"registry:block"},{"addCommandArgument":"@coss/p-avatar-7","description":"Avatar with emerald status dot","name":"coss/p-avatar-7","registry":"@coss","type":"registry:block"}],"totalResults":100,"timestamp":"2026-08-15T17:15:30.720Z"}