Component Prompts

#complex

36 prompts tagged with complex

A FAB in the bottom-right corner that expands into a radial menu of action buttons on click.

A 3-step onboarding form with progress bar, validation, and smooth step transitions.

A keyboard-triggered command palette with search, categorized commands, and keyboard navigation.

A full-featured data table with column sorting, row selection checkboxes, bulk action toolbar, and pagination.

A Trello-style kanban board with 4 columns, draggable cards, add card functionality, and card count badges.

A spreadsheet-style data grid where cells become editable on click, with row add/delete and CSV export.

A set of 4 coordinated charts for a revenue dashboard: area chart, bar chart, pie chart, and stat cards.

A styled video player with custom controls: play/pause, progress scrubber, volume, fullscreen, and playback speed.

A complete SaaS marketing landing page with hero, social proof, features, pricing, testimonials, FAQ, and footer.

A dedicated pricing page with plan cards, monthly/annual toggle, and a full feature comparison table.

A complete analytics dashboard with sidebar navigation, KPI cards, revenue chart, user table, and activity feed.

An admin panel for managing users with a searchable table, role management, and user detail slide-over.

A personal finance overview with balance summary, income vs expense chart, spending by category, and transactions.

A post-signup onboarding flow with welcome screen, profile setup, plan selection, and completion screen.

A tabbed account settings page with profile, security, notifications, billing, and danger zone.

A GitHub-style public profile with avatar, bio, stats, pinned projects, and activity heatmap.

A billing page with current plan, usage meters, payment method, and invoice history.

A complete e-commerce checkout with shipping, payment, and review steps plus sticky order summary sidebar.

A plan selection UI with monthly/annual toggle, feature comparison, and upgrade confirmation modal.

A full search results page with filter panel, result grid, sort controls, and active filter chips.

A powerful search UI combining a search input, instant results, and faceted tag filters.

A long-form article page with sticky table of contents, reading progress bar, author card, and related posts.

A docs site with top nav, left sidebar tree navigation, content area with code blocks, and right-side TOC.

A developer settings page for creating, viewing, copying, and revoking API keys with usage stats.

A full e-commerce PDP with image gallery, variant selectors, add-to-cart, reviews, and related products.

A filterable product grid with sort controls, quick-view modal, and comparison feature.

A personal portfolio with hero intro, selected work grid, skills, experience timeline, and contact.

A detailed case study with problem/solution narrative, process sections, and results metrics.

A full AI chat UI with sidebar history, message thread, streaming animation, and model selector.

A developer API reference with endpoint list, code samples in multiple languages, and a live try-it panel.

A mobile-first digital wallet with balance card, quick actions, recent transactions, and savings goals.

An invoice builder with live preview, line items, tax/discount, and PDF export.

A crypto portfolio tracker with holdings table, price charts, allocation pie, and performance metrics.

A 3-step appointment booking with doctor selection, calendar + time slot picker, and confirmation.

A personal health metrics dashboard with vitals, medication reminders, appointments, and health goals.

A telemedicine UI with video feeds, controls, chat panel, and doctor notes sidebar.