S
shadcnspace
/
shadcnspace
/
blocks
Files
Code
Info
About Us 01 - Impact Metrics
about-us-section-01
A bold about us section combining value pillars, headline messaging, and performance counters, perfect for agencies or studios to highlight expertise, achievements, and credibility at a glance.
About Us 02 - About the Platform with Stats
about-us-section-02
A modern about section highlighting your mission, product impact, and key metrics, designed to build developer trust, communicate scale, and showcase credibility for SaaS platforms.
About Us 03 - Experience & Impact About Us
about-us-section-03
A metrics-driven about section combining credibility stats with a strong brand narrative, helping developers showcase expertise, build trust, and communicate proven results with clarity and confidence.
About Us 04 - Lifestyle Showcase About Section
about-us-section-04
A visually rich about section featuring immersive imagery, refined messaging, and key community metrics—ideal for presenting modern living experiences while building brand aspiration and user trust.
About Us 05 - Platform Overview
about-us-section-05
A modern about section blending strong messaging with performance metrics, helping teams communicate innovation, scalability, and trust while reinforcing product value for businesses and developers.
About Us 06 - Minimal About Us
about-us-section-06
A clean about us section with minimal design and clear messaging, helping teams introduce their brand story, vision, and purpose with clarity and focus.
About Us 07 - Business Growth
about-us-section-07
A modern metrics section highlighting key numbers that showcase product adoption, business growth, and global user trust at a glance.
About Us 08 - Marketing Agency About Section
about-us-section-08
A modern about section combining brand messaging with key performance metrics to highlight growth, credibility, and product impact for startups and SaaS platforms.
About Us 09 - Split Layout About Section
about-us-section-09
A balanced layout combining immersive visuals with concise text, designed to present brand identity, teamwork, and innovation in a clear, engaging format.
About Us 10 - About Section with KPIs
about-us-section-10
A minimal about section showcasing mission, vision, and key performance indicators, helping businesses communicate clarity, scale, and credibility to users and stakeholders.
About Us 11 - Creative Media About Section
about-us-section-11
A modern layout presenting video services and brand storytelling, supported by a strong call-to-action designed to capture interest and drive conversions effectively.
About Us 12 - Real Estate About Section
about-us-section-12
A clean and engaging section combining property visuals, brand messaging, and key statistics, designed to highlight lifestyle value, credibility, and user interest with clear actions.
About Us 13 - Interior Design About Section
about-us-section-13
A modern interior design about section combining split layout visuals and key metrics to highlight brand credibility, lifestyle value, and customer engagement effectively
AI Chat 01 - Chat
ai-chat-01
A complete AI chat conversation block with a centered welcome and suggested prompts, a scrollable message thread with assistant and user bubbles, and a composer with attachments and a model picker.
AI Chat 02 - Composer
ai-chat-02
A standalone AI chat composer with file attachments (drag, drop, and paste), a model picker with effort levels and a thinking toggle, speech-to-text dictation, and a temporary-chat switch.
AI Chat 03 - Chat Shell
ai-chat-03
The frame around an AI chat: a collapsible sidebar with pinned and recent chats, rename and delete actions, a command-palette style search dialog, a workspace and account menu, and a topbar.
AI Chat 04 - Assistant Panel
ai-chat-04
A docked AI assistant panel that sits alongside your app content at desktop sizes and slides in as a sheet below the lg breakpoint: a header with chat history, new chat, and close actions, a welcome state with suggested prompts, a message thread, and a full composer with model and effort picker.
AI Chat 05 - Share Dialog
ai-chat-05
The sharing flow for an AI chat: a dialog with visibility options (private, team, or public link) and a copy-link row, ready to drop into any chat block.
AI Ops 01 - Cost Dashboard
ai-ops-01
An AI operations cost dashboard with KPI cards, a spend pace chart against budget, a provider mix breakdown, and a filterable cost activity table, perfect for monitoring model spend, token usage, and budget exceptions.
AI Ops 02 - System Health Dashboard
ai-ops-02
An AI operations dashboard featuring system health status, request and token KPIs, provider cost charts, weekly trends, and per-model latency and throughput metrics.
AI Ops 03 - Weighted Traffic Allocation
ai-ops-03
A weighted load-balancing console for AI operations. Adjust per-provider sliders, lock weights, and rebalance evenly or optimize for cost, backed by live blended cost and capacity metrics.
Announcement Bar 01 - Live Market Ticker
announcement-bar-01
A slim, infinitely scrolling announcement bar showing live stock and crypto tickers with price, change, and trend indicators, framed by soft edge fades and pausing on hover.
Announcement Bar 02 - Sale Bar with CTA
announcement-bar-02
A bold, dismissible announcement bar promoting a sitewide sale with an inline call-to-action pill and a close control, stacking gracefully on mobile.
Announcement Bar 03 - Product Update Bar
announcement-bar-03
A theme-aware announcement bar pairing a highlighted 'New' badge with a release note and a View Changelog pill, dismissible with a smooth collapse animation.
Announcement Bar 04 - Black Friday Countdown
announcement-bar-04
A dark, dismissible Black Friday bar pairing an amber call-to-action with a live NumberFlow countdown, stacked on mobile and evenly distributed on desktop.
Announcement Bar 05 - Weekend Sale Marquee
announcement-bar-05
A bold red announcement bar with a static tag icon and an infinitely scrolling marquee of weekend sale details, dismissible with a smooth collapse animation.
Bento Grid 01 - Customer Testimonials
bento-grid-01
Discover authentic feedback from satisfied customers who trust our components to build faster, streamline development workflows, and confidently launch scalable, production-ready applications.
Bento Grid 02 - Workspace Highlights
bento-grid-02
A workspace-focused bento layout pairing a desktop and mobile product preview with feature highlights for smart organization, real-time collaboration, and voice assistance.
Bento Grid 03 - Automation Platform
bento-grid-03
An automation-focused bento layout pairing a workflow canvas visual with feature highlights covering visual workflow building, AI intelligence, real-time execution, and tool integrations.
Bio Link 01 - Founder Bio Link
bio-link-01
A clean founder-focused bio links layout with profile image, quick access buttons, social links, and CTA section, perfect for showcasing products and updates.
Bio Link 02 - Speaker Bio Link
bio-link-02
A sleek speaker bio page with session booking, social links, featured video, and event schedule, designed to boost visibility, credibility, and audience connection.
Bio Link 03 - Fitness Link Hub
bio-link-03
A clean fitness bio link page with quick actions, social links, workout categories, and video content, designed to inspire daily movement and healthy routines.
Bio Link 04 - Portfolio Bio Link
bio-link-04
A modern creator portfolio link hub featuring profile info, social presence, product cards, and highlights, perfect for showcasing work, tools, and personal brand.
Blog 01 - Latest Blog & News Grid
blog-01
A modern blog section with featured posts, large thumbnails, publish dates, and headlines, ideal for sharing agency updates, design insights, and thought leadership to keep visitors engaged.
Blog 02 - Latest Articles
blog-02
A modern blog section designed to highlight recent articles, insights, and updates with structured cards—helping teams share knowledge, boost engagement, and establish thought leadership.
Blog 03 - Editorial Blog
blog-03
A clean editorial-style blog layout designed to showcase featured stories with balanced visuals and summaries, helping brands share expertise, inspire readers, and strengthen content presence.
Blog 04 - Insights Feed
blog-04
A dynamic blog layout highlighting featured insights alongside recent articles, designed to improve content discovery, boost readership, and position your brand as a reliable source.
Blog 05 - News Grid
blog-05
A modern blog grid crafted to showcase recent articles with engaging visuals and metadata, helping teams promote fresh content, improve discoverability, and keep audiences informed.
Blog 06 - Featured Blog
blog-06
A clean card-based blog section highlighting recent updates, insights, and resources to keep users informed with the latest content.
Blog 07 - Modern Architecture Blog
blog-07
A clean blog layout featuring design stories, ideas, and insights, helping users stay inspired and explore modern living in a simple way.
Blog 08 - Team Insights Blog
blog-08
A minimal blog layout featuring team experiences, collaboration tips, and work insights, helping users improve communication, stay productive, and work better together.
Blog 09 - Card-Style Blog Layout
blog-09
A clean card-based layout highlighting a main story with supporting articles, helping users discover content quickly and navigate through insights with ease.
Calendar 01 - Event Calendar
calendar-application-01
A full-featured event calendar with month, week, day, and agenda views, color-coded categories, recurring and multi-day events, drag-and-drop rescheduling, search, filters, and a quick add/edit event dialog.
Chart 01 - Sales Performance Bar Chart
chart-01
An interactive stacked bar chart displaying monthly earnings, profit, and expenses, ideal for admin dashboards to visualize financial trends, track growth, and support data-driven business decisions.
Chart 02 - Earnings Pie Chart - Donut with Text
chart-02
A clean donut chart widget summarizing total earnings with source-wise breakdown, perfect for admin dashboards to compare revenue streams, monitor growth, and highlight performance insights.
Chart 03 - Area Chart Gradeint - Yearly Sales Comparison
chart-03
A smooth line chart comparing this year versus last year sales with summary stats, ideal for dashboards to visualize performance trends and identify seasonal growth patterns quickly.
Chart 04 - Bar Chart - Weekly Sales
chart-04
A compact bar chart widget showing daily sales for the past week with trend indicator, perfect for dashboards to highlight short-term performance and spot high-activity days instantly.
Chart 05 - Bar Chart - Revenue vs Expenses
chart-05
A comparative bar chart showing daily revenue and expenses with profit trends, summary earnings stats, and monthly filters, ideal for dashboards tracking financial performance and cash flow.
Chart 06 - Line Chart - Sales & Profit Overview
chart-06
An interactive line chart displaying monthly sales and profit trends with highlighted data points and summary stats, ideal for dashboards analyzing growth patterns and overall business performance.
Chart 07 - Sales Comparison Area Chart
chart-07
An area chart showing monthly sales with online and offline breakdowns, year-over-year growth, ideal for dashboards tracking revenue trends and channel performance.
Chart 08 - Product Sales Performance Gauge Chart
chart-08
A semi-circle gauge chart displaying total product sales with category-wise contribution and bestseller highlight, ideal for dashboards monitoring product performance and monthly sales distribution.
Chart 09 - Pipeline Performance Radar Chart
chart-09
A radar chart comparing monthly lead conversion, opportunity win rate, and churn metrics, perfect for dashboards analyzing sales pipeline health, performance trends, and growth opportunities.
Chart 10 - Marketing Report Donut Chart
chart-10
A donut chart displaying traffic and acquisition sources including organic, referrals, and ads, useful for dashboards tracking channel contribution, campaign performance, and overall marketing growth.
Chart 11 - Profit & Expense Bar Chart
chart-11
A bar chart comparing monthly profit and expense values with yearly earnings summaries, ideal for dashboards monitoring financial performance, cost trends, and overall business profitability.
Chart 12 - Profit & Expense Bar Chart
chart-12
A bar chart comparing monthly profit and expense values with yearly earnings summaries, ideal for dashboards monitoring financial performance, cost trends, and overall business profitability.
Chart 13 - Product Sales Line Chart
chart-13
A line chart showing yearly product sales growth with customer increase indicators, suitable for dashboards analyzing long-term sales performance, demand trends, and customer acquisition progress.
Chart 14 - Total Settlements Area Chart
chart-14
An area chart showing settlement amounts over time with balance and withdrawal totals, optimal for dashboards tracking transactions, money flow, and overall account activity.
Chart 15 - Bar Chart - Revenue Forecast
chart-15
A bar chart comparing monthly revenue and profit forecasts across two years, ideal for dashboards tracking growth projections, financial performance trends, and future business planning.
Chart 16 - Revenue Forecast Line Chart
chart-16
A clean and modern line chart displaying revenue trends across multiple years, ideal for dashboards to compare performance, monitor growth, and analyze long-term business patterns.
Chart 17 - Revenue Updates Bar Chart
chart-17
A minimal bar chart showcasing monthly revenue comparisons across multiple years, perfect for dashboards to monitor trends, evaluate performance, and quickly identify growth or decline patterns
Chat 01 - Modern Chat User Interface
chat-application-01
A full-featured chat application shell with a searchable conversation list, message thread view, media and attachment sidebar, and a message composer, ideal for building messaging and support applications.
Chat Bubble 01 - Floating AI Assistant Widget
chat-bubble-01
A floating chat bubble widget for the corner of any page, with an interactive 3D mascot, a chat tab with composer and simulated replies, and a voice tab with a live call visualizer, mute, and end call controls.
Chat Bubble 02 - Assistant Widget with Chat, Bots & Search
chat-bubble-02
A floating assistant widget with an online teaser card, and an expanded panel with tabs for chatting with suggested prompts, picking an AI model, and searching help content.
Chat Bubble 03 - AI Assistant Panel
chat-bubble-03
A floating assistant widget with an auto-dismissing greeting toast, and an expanded panel with a home view of quick suggestions and a chat view that replies with topic-specific answers for invoices, orders, support, and recommendations.
Checkout 01 - Order Summary Checkout
checkout-01
A modern checkout interface combining streamlined shipping inputs, product summaries, pricing breakdowns, and action-focused buttons for effortless purchasing journeys.
Checkout 02 - Shipping Method Selection
checkout-02
A clean eCommerce checkout with selectable shipping options, structured order details, discount fields, and conversion-focused actions for simplified user journeys.
Checkout 03 - Tabbed Billing Checkout
checkout-03
A clean checkout interface with tab-based payment selection, subscription pricing details, and streamlined billing inputs for smooth transaction flows.
Compare 01 - Feature Comparison
compare-01
A side-by-side comparison section that highlights the time, effort, and quality differences between two development approaches, using headline stats, checklists, and a closing CTA.
Compare 02 - Platform Feature Matrix
compare-02
A structured comparison table contrasting Space against Freelancers and Traditional Agencies, featuring highlighted columns, badge tags, icon support, and a closing CTA card.
Contact 01 - Project Inquiry Contact Form
contact-01
A conversion focused contact section with project inquiry form, contact details, and trust badges, ideal for agencies or freelancers to capture qualified leads and start meaningful client conversations.
Contact 02 - Contact Me Form
contact-02
A clean contact section featuring an intuitive form with direct contact details and social links, designed to simplify communication and help visitors reach out effortlessly.
Contact 03 - Contact & Lead Form
contact-03
A conversion-focused contact section combining persuasive highlights with a streamlined form, designed to capture qualified leads, encourage inquiries, and make starting conversations simple and frictionless.
Contact 04 - Inquiry Form & Location
contact-04
A comprehensive contact section combining location details with a structured inquiry form, helping businesses build local trust, capture project requests, and streamline client communication.
Contact 05 - Real Estate Contact Form
contact-05
A real estate contact section pairing a property visual with contact details and a structured inquiry form, helping agents capture qualified leads and start client conversations with ease.
Contact 06 - Quote Request Form
contact-06
A dark quote request section that pairs a benefit-driven pitch with a structured estimate form, letting users pick a service and budget, share project details, and attach files in one flow.
Contact 07 - Real Estate Enquiry
contact-07
A dark real estate enquiry section that pairs a pitch column with an auto-scrolling testimonials carousel alongside a white registration form for capturing name, phone, email, and preferred unit configuration.
Cookie Consent 01 - Footer Consent Bar
cookie-consent-01
A minimal floating cookie consent banner with clear messaging, preference controls, and quick accept or reject actions.
Cookie Consent 02 - Cookie Settings Popup
cookie-consent-02
A structured consent layout that allows users to configure cookie categories while maintaining a seamless browsing experience.
Coupon 01 - Seasonal Coupon Offer Modal
coupon-01
A product-focused coupon modal with seasonal messaging, discount amount, promo code, copy action, offer expiry, and purchase conditions. Designed for limited-time campaigns and promotional popups.
Coupon 02 - Member Exclusive Discount Card
coupon-02
A promotional offer card featuring member-only messaging, seasonal discounts, copyable coupon code, countdown timer, free shipping, and return benefits to encourage faster purchases.
Coupon 03 - Product Launch Coupon Modal
coupon-03
A visual coupon modal built around a featured product launch with promotional imagery, discount percentage, campaign headline, and promo code. Ideal for new product drops and flash sale campaigns.
Coupon 04 - Flash Promotion Coupon Block
coupon-04
A split-layout promotional coupon with product imagery, countdown timer, discount offer, copyable promo code, and CTA button. Ideal for flash sales, seasonal campaigns, and limited-time ecommerce offers.
Coupon 05 - Product Spotlight Coupon Card
coupon-05
A centered product promotion card featuring a large product image, launch label, discount offer, promo code, and supporting copy. Perfect for new product launches and exclusive ecommerce deals.
CTA 01 - Gradient Call-to-Action Banner
cta-01
A minimal full width CTA section with soft gradient background, persuasive headline, and primary action button, perfect for converting visitors into leads at the end of any page.
CTA 02 - Video Background CTA
cta-02
A high impact call-to-action section with autoplay background video, bold overlay headline, primary button, and rotating ticker text, perfect for luxury brands or real estate to capture attention instantly.
CTA 03 - Conversion CTA
cta-03
A high-impact call-to-action section designed to drive engagement with compelling messaging, supportive visuals, and a clear primary button—encouraging users to take the next step confidently.
CTA 04 - Start Trial CTA
cta-04
A conversion-focused CTA section featuring trust signals, key benefits, and a prominent trial button—crafted to reduce friction, build confidence, and motivate users to get started quickly.
CTA 05 - Minimal CTA Section
cta-05
A sleek, minimal call-to-action section featuring bold typography and a single conversion button—perfect for capturing attention quickly and guiding users toward immediate engagement.
CTA 06 - Modern CTA Section
cta-06
A clean CTA section combining strong headline messaging with a focused action button—designed to drive engagement and platform adoption.
CTA 07 - Centered CTA Banner
cta-07
A centered call-to-action layout with bold headline, short supporting text, and single primary button—designed to drive quick decisions and conversions.
CTA 08 - Growth Focus CTA Section
cta-08
A visually rich CTA section with background imagery, bold headline, trust highlights, and dual buttons—designed to inspire growth and drive user action.
CTA 09 - Service Preview CTA
cta-09
A modern call-to-action layout with strong headline, actionable buttons, and real-world service previews—designed to inspire confidence and drive booking decisions.
CTA 10 - SaaS Conversion CTA
cta-10
A structured CTA section with interface preview, concise messaging, and strong call-to-action—crafted to boost conversions and highlight real product value instantly.
CTA 11 - Choice-Based CTA
cta-11
A modern CTA layout offering two distinct choices with supporting content and actions—crafted to help users choose their preferred learning experience
CTA 12 - Gallery Style CTA
cta-12
A conversion-focused CTA with centered messaging and layered visual gallery—crafted to showcase possibilities and drive users toward taking the next step.
CTA 13 - Social Proof CTA
cta-13
A conversion-focused CTA combining headline clarity, user avatars, and adoption metrics designed to validate product demand and drive user engagement
CTA 14 - Card-Based CTA Section
cta-14
A card layout with clear CTAs for each resource type designed to drive user interaction and help users take the next step without confusion
CTA 15 - Side-by-Side CTA Cards
cta-15
A minimal dual-card layout with strong headings and clear actions designed to reduce distractions and help users quickly choose their next step
Dashboard Shell 01 - Analytics Dashboard Shell
dashboard-shell-01
A full featured admin dashboard layout with sidebar navigation, KPI cards, charts, tables, and widgets, perfect for building modern SaaS, CRM, or business analytics applications.
Dashboard Shell 02 - CRM Dashboard Shell
dashboard-shell-02
A complete CRM dashboard layout featuring sales metrics, campaign tracking, project management, activity feeds, and best-selling products, ideal for managing customers, marketing performance, and team workflows.
Dashboard Shell 03 - Modern Dashboard Shell
dashboard-shell-03
A modern dashboard shell with a sidebar and header, ideal for admin dashboards to organize and navigate through different sections.
Dashboard Shell 04 - eCommerce Dashboard Shell
dashboard-shell-04
A comprehensive eCommerce dashboard layout featuring revenue insights, sales performance charts, customer statistics, product analytics, order tracking, payment summaries, and review sections, ideal for online store operations and business growth.
Dashboard Shell 05 - Analytics Dashboard Shell
dashboard-shell-05
A comprehensive analytics dashboard layout featuring a greeting report banner, key insights with revenue data, website visit charts, customer segmentation pie chart, product action cards, campaign performance tracking, and a top-selling products data table, ideal for data-driven business operations.
Dashboard Shell 06 - Insights Dashboard Shell
dashboard-shell-06
A comprehensive analytics dashboard layout featuring key statistics, a revenue update chart, monthly earnings and yearly breakup widgets, weekly stats, sales downloads, recent transactions, a top-selling projects data table, and a sales-by-country widget, ideal for data-driven business operations.
Dashboard Shell 07 - CRM Dashboard Shell
dashboard-shell-07
A CRM-focused dashboard layout featuring customer and lead action cards, a revenue overview chart, a revenue sources breakdown, a sales funnel widget, lead sources, weekly sales, a top campaigns data table, and a recent events timeline, ideal for sales and customer relationship tracking.
Datatable 01 - Exportable Datatable
datatable-01
A full-featured datatable/tanstack table with built-in one-click CSV export, letting users instantly download the current view as a spreadsheet — ideal for reporting dashboards and data-heavy admin panels.
Datatable 02 - Dense Table
datatable-02
A compact, information-dense datatable/tanstack table layout with reduced row height and tight spacing, optimized for displaying large datasets in a minimal footprint without sacrificing readability.
Datatable 03 - Sorting Table
datatable-03
A sorting-focused datatable/tanstack table that enables single and multi-column sorting with clear visual indicators, helping users quickly order and analyze tabular data by any field.
Datatable 04 - Filter Table
datatable-04
An advanced filtering datatable/tanstack table with column-level filter inputs and global search, allowing users to slice through large datasets and surface only the rows that matter.
Datatable 05 - Paginated Table
datatable-05
A paginated datatable/tanstack table with configurable page size, page navigation controls, and row count summaries — perfect for managing large record sets without overwhelming the UI.
Datatable 06 - Row Select Table
datatable-06
A row-selection datatable/tanstack table with checkbox controls for individual and bulk selection, enabling batch actions such as delete, export, or status updates across multiple records at once.
Datatable 07 - Column Visibility Table
datatable-07
A column-visibility datatable/tanstack table with a toggle panel that lets users show or hide individual columns on demand, making it easy to tailor the view to their specific workflow.
Datatable 08 - Editable Table
datatable-08
An inline-editable datatable/tanstack table where users can click any cell to modify values directly in the table, with support for text, select, and numeric inputs — no modal required.
Datatable 09 - Sticky Table
datatable-09
A sticky-header datatable/tanstack table that keeps column headers fixed as users scroll vertically, providing persistent context across long lists — ideal for wide tables with many rows.
Datatable 10 - Column Drag and Drop Table
datatable-10
A drag-and-drop Column reordering datatable/tanstack table that lets users intuitively rearrange columns by dragging, with smooth animations and automatic order persistence on drop.
Datatable 11 - Row Drag and Drop Table
datatable-11
A column drag-and-drop datatable/tanstack table that enables users to reorder columns by dragging headers left or right, making it simple to prioritize the most relevant data fields.
Datatable 12 - Expandable Table
datatable-12
An expanding row datatable/tanstack table where each row can be toggled to reveal nested detail content below it, great for showing related records or additional metadata without leaving the table context.
Datatable 13 - Advanced User Table
datatable-13
An advanced user management datatable/tanstack table featuring search, status filtering, sortable columns, row selection, and per-row actions for teams managing large user lists.
Dialog 01 - Newsletter Subscription Dialog
dialog-block-01
A modern modal popup for capturing newsletter signups with a friendly hero image, email field, opt-out checkbox, and clear call-to-action to boost conversions.
Dialog 02 - Sign Up Dialog
dialog-block-02
A modern sign up dialog with a branded left panel featuring key benefits and a right-side form with social login, name, email, password fields, and terms acceptance.
Dialog 03 - Sign In Dialog
dialog-block-03
A modern sign in dialog with a branded left panel featuring key benefits and a right-side form with social login, email, and password fields.
Dialog 04 - Invite Dialog
dialog-block-04
A collaborative invite dialog featuring a scrollable team member list with role management, quick copy-link functionality, and an email invitation form.
Dialog 05 - Refer and Earn Dialog
dialog-block-05
A premium refer-and-earn dialog featuring an animated referral code box with one-click copy, a redeem input, and clearly highlighted mutual rewards.
Dialog 06 - Terms and Conditions Dialog
dialog-block-06
A clean terms and conditions dialog with a scrollable content area covering key policy sections, an agreement checkbox, and Accept & Decline actions.
Dialog 07 - Feedback Dialog
dialog-block-07
An interactive feedback dialog with a 5-star rating, multi-select category tags, and an optional message textarea - with a thank-you confirmation state on submit.
Download 01 - Multi-Platform Download Grid
download-01
A structured platform showcase featuring dedicated download cards for every device, helping users quickly access applications and extensions.
Download 02 - Application Download Section
download-02
A sleek software download section highlighting supported platforms, product screenshots, and fast access to the latest releases.
Download 03 - App Download with Phone Preview
download-03
A split-layout download section with a bold headline, App Store and Play Store cards, a QR code card, and an animated phone mockup preview on the right.
Email 01 - Inbox Application Shell
email-application-01
A complete email application shell with folder navigation, a searchable and filterable inbox list, star and important flags, category labels, attachments, and a full email reading and compose experience.
Empty State 01 - No Projects Yet
empty-state-01
A compact, bordered card empty state with a folder icon, heading, description, and a single primary call-to-action, ideal for project lists and dashboards before anything has been created.
Empty State 02 - Invite Your Team
empty-state-02
A centered empty state with a custom illustration, heading, description, and two calls-to-action for inviting teammates or copying a shareable invite link, complete with an animated copy confirmation.
Empty State 03 - No Data Yet
empty-state-03
A clean, centered empty state with a layered card illustration, heading, description, and two calls-to-action, ideal for tables, lists, and dashboards before any records exist.
Empty State 04 - Split Panel with Preview
empty-state-04
A split-panel empty state pairing a heading, description, and two calls-to-action on the left with an empty preview surface on the right, ideal for reports, charts, and workspace views before data is added.
Empty State 05 - No Search Matches
empty-state-05
A clean, card-based search empty state containing a query search input and secondary reset actions. Encourages refining queries or returning to all items.
Empty State 06 - Chart Data Empty State
empty-state-06
A simple card-based empty state with a chart-themed icon, title, description, and primary connection CTA button, perfect for dashboards before metric data sources are connected.
FAQ 01 - Expandable FAQ Section
faq-01
A clean accordion style FAQ section with expandable answers, ideal for agencies or SaaS sites to address common questions, reduce friction, and improve user confidence before conversion.
FAQ 02 - FAQ Section with Image
faq-02
A structured FAQ section designed to address common questions with clarity, reduce support requests, and help users make informed decisions through accessible, well-organized information.
FAQ 03 - FAQ with Insights
faq-03
A comprehensive FAQ section paired with credibility metrics, designed to answer key questions, reinforce trust, and provide users with quick clarity before making decisions.
FAQ 04 - Support FAQ
faq-04
A modern FAQ layout featuring structured questions alongside a support card, designed to provide quick answers, encourage direct contact, and enhance user confidence throughout their journey.
FAQ 05 - Minimal FAQ
faq-05
A modern FAQ layout featuring clear questions and expandable answers, helping users resolve common concerns and move forward with confidence.
FAQ 06 - Tabbed FAQ Section
faq-06
A structured FAQ section with category tabs and expandable answers, helping users quickly explore key topics and understand services through organized, easy-to-scan information.
FAQ 07 - FAQ with Help Card
faq-07
A modern FAQ section with categorized tabs and an integrated help card, helping users find answers quickly while offering direct access to support.
Feature 01 - Feature with Testimonials
feature-01
A trust focused feature section combining a highlighted customer testimonial with supporting benefit cards, perfect for product or SaaS pages to showcase social proof and reinforce key advantages.
Feature 02 - Three Columns Feature with Icons
feature-02
A clean three card feature grid with icons and concise copy, built for product or SaaS pages to communicate core benefits clearly while maintaining a developer friendly, scalable layout.
Feature 03 - Split Feature Showcase
feature-03
A modern split layout feature section with visual focus, headline, and icon based benefit cards, perfect for SaaS, agencies, and startups to highlight key offerings and build trust fast.
Feature 04 - Team Collaboration Feature
feature-04
A people centric feature section combining engaging team imagery, benefit cards, and a strong CTA, ideal for SaaS or agencies to showcase collaboration, innovation, and real-world impact.
Feature 05 - Visual Feature Highlight
feature-05
A bold hero style feature section with floating stats, social proof, and primary CTA, perfect for SaaS or startups to communicate innovation, credibility, and performance at first glance.
Feature 06 - Impact Stats Feature
feature-06
A split-layout feature section combining storytelling imagery, persuasive copy, strong CTA, and growth metrics, ideal for agencies or SaaS brands to showcase credibility, scale, and results.
Feature 07 - Performance-Focused Feature Section
feature-07
Highlight powerful platform capabilities with an interactive feature section designed to showcase reporting, automation, and integrations while reinforcing scalability, clarity, and data-driven decision making.
Feature 08 - Core Advantages Feature Section
feature-08
Showcase the platform's strongest benefits with a modern feature layout that emphasizes collaboration, operational clarity, and measurable outcomes—helping teams move faster and make smarter decisions.
Feature 09 - Crypto App Features Section
feature-09
Highlight powerful crypto-ready features with a sleek layout designed for trading platforms, blockchain products, and digital assets—built to accelerate launches and enhance financial user experiences.
Feature 10 - Multi-Option Crypto Experience Section
feature-10
Showcase a powerful crypto application designed for flexibility—plan, prototype, refine, and scale with ease while enabling seamless buying, selling, and portfolio management in one platform.
Feature 11 - Crypto Portfolio Builder Section
feature-11
Highlight a modern crypto platform that empowers users to build, manage, and secure their portfolios with confidence—featuring mobile access, vault protection, and seamless asset tracking.
Feature 12 - Developer Experience Features Section
feature-12
Showcase a developer-first toolkit designed for speed and flexibility—combining Tailwind styling, MDX support, and preconfigured essentials to help teams build, customize, and launch faster.
Feature 13 - AI Workflow feature Section
feature-13
A modern process-driven feature section highlighting AI-powered workflows, performance insights, and automation opportunities, ideal for SaaS platforms streamlining operations and accelerating growth.
Feature 14 - Team Workflow feature Section
feature-14
A modern workflow section highlighting team collaboration, task management, and project coordination, ideal for platforms helping teams organize work and deliver faster.
Feature 15 - AI Platform Features Section
feature-15
A modern feature section showcasing performance dashboards, reporting tools, and operational insights, ideal for platforms helping teams monitor growth and optimize workflows.
Feature 16 - Creative Studio Feature Section
feature-16
A modern feature section highlighting creative teamwork, production planning, and visual storytelling workflows designed to help studios craft impactful video experiences for brands.
Feature 17 - Video Agency Feature Section
feature-17
A creative feature section showcasing cinematic storytelling, collaborative production workflows, and brand-focused video creation, ideal for studios presenting their creative capabilities and production expertise.
Feature 18 - AI Startups Solutions Feature Section
feature-18
A startup-focused section combining product visuals, performance metrics, and conversion insights, designed to showcase how teams design, launch, and grow AI-powered platforms.
Feature 19 - AI Startups Solutions Feature Section
feature-19
A startup-focused section combining product visuals, performance metrics, and conversion insights, designed to showcase how teams design, launch, and grow AI-powered platforms.
Feature 20 - Card-Based Feature Section
feature-20
A clean feature section showcasing organized layers of content with supporting visuals, built to simplify complex interfaces and improve user understanding.
Feature 21 - Strategy Feature Section
feature-21
A clean feature section focused on planning, efficiency, and actionable insights, designed to help businesses streamline operations and achieve long-term success.
Feature 22 - Two-Row grid feature section
feature-22
A modern two-row grid feature section with six cards, designed to highlight multiple features while maintaining visual hierarchy and readability.
Feature 23 - Educational Platform Feature Section
feature-23
A thoughtfully designed feature section presenting layered learning, connected ideas, and visual storytelling designed to help users explore knowledge and build deeper understanding effortlessly.
Feature 24 - AI Product Feature Section
feature-24
A balanced layout combining engaging visuals and structured content to showcase scalable AI solutions, helping modern teams streamline workflows and drive smarter business decisions.
Feature 25 - Signature Spaces Grid
feature-25
A centred header with a 2-column image grid showcasing four signature community spaces - pool, walking passage, multipurpose court, and club house - each with a hover zoom and descriptive copy.
Feature 26 - Amenities Icon Grid
feature-26
A centred header above an 18-item icon grid displaying community amenities - gym, kids' play area, pet park, golf area, and more - with staggered entrance animations and hover underline accents.
Feature 27 - Floor Plan Explorer
feature-27
A tabbed floor plan section with an animated line indicator, showing a plan image alongside a spec table, key highlights, pricing, and a request CTA - covering 4 BHK, duplex, 5 BHK, and penthouse configurations.
Footer 01 - Agency Footer Layout
footer-01
A clean multi column footer with brand summary, sitemap links, legal pages, contact details, and social icons, perfect for agencies to provide clarity, trust, and easy navigation.
Footer 02 - Dark Conversion Footer
footer-02
A bold dark themed footer with newsletter signup, strong contact CTA, navigation links, and legal pages, ideal for real estate or SaaS websites to drive engagement at the page end.
Footer 03 - Footer with Newsletter
footer-03
A modern footer combining quick navigation, policy links, and a newsletter signup, designed to improve accessibility, encourage subscriptions, and provide a polished closing experience.
Footer 04 - Multi-Column Mega Footer
footer-04
A structured mega footer with categorized links, service listings, social connections, and newsletter signup—helping users navigate faster, discover resources easily, and stay engaged beyond the page.
Footer 05 - Minimal Navigation Footer
footer-05
A clean, minimal footer featuring essential navigation links, brand identity, and copyright details—designed to provide quick access while maintaining a polished and distraction-free layout.
Footer 06 - Creative Contact Footer
footer-06
A bold, conversion-focused footer that highlights your contact details, personal brand, and social presence—encouraging visitors to connect, collaborate, and turn ideas into extraordinary digital experiences.
Footer 07 - SaaS Footer with Nav Columns
footer-07
A clean SaaS footer with a logo and social icons column, three grouped nav link columns (Platform, Solutions, Resources), a separator, a legal links and copyright bar, and a large decorative wordmark subfooter.
Forgot Password 01 - Forgot Your Password Page
forgot-password-01
A minimal password recovery page that lets users request a secure reset link via email, helping reduce friction and support issues in authentication flows.
Forgot Password 02 - Dashboard Recovery Page
forgot-password-02
A modern split-screen password recovery page featuring a clean email input form alongside a live admin dashboard preview to reinforce trust and platform credibility.
Forgot Password 03 - Minimal Account Password Reset
forgot-password-03
A clean split-screen password recovery page featuring streamlined email verification alongside a bold abstract visual, delivering clarity, reassurance, and a distraction-free reset experience.
Forgot Password 04 - Animated Gradient Password Reset
forgot-password-04
A sleek password reset interface combining secure email input with a dynamic animated light effect, creating a visually engaging and confident recovery journey.
Forgot Password 05 -Team-Centric Reset Page
forgot-password-05
A modern password reset interface displayed alongside a vibrant team environment, blending secure account recovery with a welcoming and professional atmosphere.
Forgot Password 06 - Modern Account Recovery
forgot-password-06
A sleek password recovery layout featuring a prominent email input and strong primary button, designed to create a confident, streamlined, and user-friendly reset flow.
Forms 01 - Edit Profile Form
forms-01
A user-friendly profile editing form with avatar upload, personal details, privacy controls, and action toggles, perfect for managing account information inside modern SaaS dashboards.
Forms 02 - User Profile Form
forms-02
A user-friendly form with personal details, workspace details, and network details for managing account information.
Forms 03 - Multi-Step Onboarding Form
forms-03
A premium multi-step onboarding form with smooth transitions, progress indicators, and specialized steps for capturing user information progressively.
Forms 04 - Advanced Settings Sidebar Layout
forms-04
A professional settings layout featuring vertical navigation, category-based sections, and a clean interface for managing complex application preferences.
Forms 05 - E-commerce Checkout Form
forms-05
A 4-step e-commerce checkout flow containing shipping details, delivery options, promo codes, and payment methods with an active order summary.
Forms 06 - Typeform-Style Onboarding
forms-06
A minimal, single-question-at-a-time onboarding flow with segmented step progress, animated transitions, and a friendly success screen.
Forms 07 - Customer Support Intake
forms-07
A guided support-request intake with single-select options for issue category, urgency, and affected product area, ending in an email capture step, complete with animated transitions and a summary success screen.
Frequently Bought Together 01 - Bundle Builder
frequently-bought-together-01
A product bundle upsell block with selectable product cards, star ratings, and a live-updating summary panel showing subtotal, bundle discount, and total. Ideal for increasing cart value.
Frequently Bought Together 02 - Curated Pairings
frequently-bought-together-02
A bundle upsell block pairing a hero lifestyle image with a selectable item list, live savings badge, and a bundle checkout button, plus a 'You Might Also Love' recommendation grid.
Gallery 01 - Destination Gallery
gallery-01
Discover breathtaking locations and unforgettable experiences, from scenic hikes to coastal escapes—carefully curated to inspire your next journey and help you explore with confidence.
Gallery 02 - Featured Gallery
gallery-02
Browse expert-led masterclasses gallery designed to elevate your skills, gain practical insights, and learn from industry leaders through immersive sessions tailored for modern professionals.
Gallery 03 - Property Showcase
gallery-03
Showcase premium real estate listings with visually rich property cards, helping users explore villas, apartments, and modern spaces while making discovery faster, engaging, and decision-friendly.
Gallery 04 - Creator Gallery
gallery-04
Featuring a vibrant mix of individuals, this collection highlights creativity, authenticity, and the human stories behind modern products, ideas, and experiences.
Gallery 05 - Architecture Showcase
gallery-05
Showcase premium real estate listings with visually rich property cards, helping users explore villas, apartments, and modern spaces while making discovery faster, engaging, and decision-friendly.
Hero 01 - Agency Hero Section
hero-01
Clean agency hero section designed for SaaS and startup websites, featuring bold headline, gradient background, trust badges, client logos, and high converting CTAs for lead generation.
Hero 02 - Real Estate Hero Section
hero-02
Luxury real estate hero section crafted for property listings, featuring immersive imagery, location highlight, key amenities, pricing details, and prominent Schedule a tour CTA for faster inquiries.
Hero 03 - Digital Agency Hero Section
hero-03
High-impact digital agency hero section with cinematic background video, bold typography, brand driven headline, and clear CTA, perfect for creative studios and performance-focused marketing websites.
Hero 04 - Portfolio Hero Section
hero-04
Modern portfolio hero section built for designers and developers, featuring bold typography, availability badge, clear CTAs, and responsive layout, perfect for personal brand websites and UI/UX portfolios.
Hero 05 - Crypto Hero Section
hero-05
Modern crypto exchange hero section designed for fintech startups, featuring dark UI, beautiful graphic, trust signals, and conversion focused CTAs for secure trading platforms.
Hero 06 - Personal Portfolio Hero Section
hero-06
Personal portfolio hero section built for designers and developers, featuring availability badge, intro headline, social links, project CTA, and client logos to showcase credibility and drive hiring.
Hero 07 - SaaS Hero Section
hero-07
A bold, conversion-focused hero section designed for SaaS products, featuring a strong headline, announcement badge, supporting copy, dual CTAs, and a product preview to instantly capture attention.
Hero 08 - Education Hero Section
hero-08
A modern hero section crafted for education platforms, featuring a powerful headline, trust badge, clear CTAs, and instructor-led course previews to inspire learners and drive enrollments quickly.
Hero 09 - Cleaning Services Hero Section
hero-09
A conversion-focused hero section designed for service businesses, featuring trust indicators, bold messaging, strong CTAs, and lifestyle imagery to instantly communicate reliability, professionalism, and customer confidence.
Hero 10 - Engineering Courses Hero Section
hero-10
A modern education-focused hero section built to showcase technical courses, highlight learner trust, display ratings, and guide users toward personalized learning paths with a clear action.
Hero 11 - AI Analytics Hero Section
hero-11
A bold, dark-themed hero section designed for AI and analytics platforms, highlighting real-time insights, smart decision-making, and driving engagement with strong calls-to-action and product preview visuals.
Hero 12 - SaaS Agency Hero Section
hero-12
A modern, high-impact hero section tailored for SaaS agencies to showcase expertise, promote services, and drive conversions with strong messaging, clear CTAs, and product-focused visuals.
Hero 13 - Creative Studio Hero
hero-13
A striking hero section designed to capture attention instantly—combining bold messaging, immersive visuals, and clear calls-to-action to position your studio as a leader in modern design.
Hero 14 - Health & Medical Hero Section
hero-14
A dynamic hero section featuring a background video that captures attention instantly, communicates your brand story with impact, and guides visitors toward meaningful action.
Hero 15 - AI Startup Hero Section
hero-15
A bold, dark-themed hero section designed to highlight trusted real agents, strategic partnerships, and clear calls-to-action that guide organizations toward confident decision-making.
Hero 16 - Modern AI Business Hero Section
hero-16
A professional hero section crafted for enterprise AI businesses, featuring scalable solutions, real-time intelligence, and clear calls-to-action that inspire confidence.
Hero 17 - Consulting Hero Section
hero-17
A modern, high-impact hero section showcasing business expertise, growth metrics, and collaborative visuals to build credibility and drive meaningful client engagement.
Hero 18 - AI SaaS Product Hero Section
hero-18
A modern SaaS hero section highlighting AI-driven product capabilities with clear messaging, primary actions, feature navigation, and product preview—designed to communicate value and drive conversions quickly.
Hero 19 - Developer Portfolio Hero Section
hero-19
A personal portfolio hero section introducing the developer with a strong headline, profile visual, key achievements, and call-to-action—designed to showcase expertise and attract potential clients.
Hero 20 - SaaS Dashboard Hero Section
hero-20
A modern SaaS hero section showcasing an intuitive dashboard, highlighting real-time analytics, key metrics, and actionable insights to simplify decisions and drive growth.
Hero 21 - Product Showcase Hero Section
hero-21
A modern hero section highlighting key features, real user feedback, and intuitive design—crafted to position your product and increase conversions.
Hero 22 - Creator Growth Hero Section
hero-22
A modern hero section designed for creator platforms, featuring strong social proof, engaging user visuals, and clear messaging to highlight growth tools and drive sign-ups.
Hero 23 - AI Coding Model Hero section
hero-23
A clean hero section highlighting AI-powered coding tools, workflow automation, and real-time dashboards, designed to help developers build faster and scale with confidence.
Hero 24 - Workspace Hero Section
hero-24
A clean dashboard hero section featuring a centralized workspace, live analytics, and workflow management tools, designed to help teams stay organized and work faster.
Hero 25 - SaaS Product Hero Section
hero-25
A modern SaaS hero section combining bold messaging, product positioning, trust indicators, and key metrics, designed to quickly communicate value and guide users toward primary actions.
Hero 26 - Creative Agency Hero Section
hero-26
A minimal hero section combining expressive visuals, clean layouts, and focused messaging—crafted to showcase creativity, build brand presence, and capture attention instantly.
Hero 27 - AI Platform Hero Section
hero-27
A modern SaaS hero section combining bold messaging, product positioning, trust indicators, and key metrics, designed to quickly communicate value and guide users toward primary actions.
Hero 28 - Precision Genomics Hero Section
hero-28
A clean hero section with a background video, glass-style cards, and animated stats that create a modern scientific look. A sticky navbar keeps navigation simple as you scroll.
Hero 29 - Creative Agency Hero Section
hero-29
A bold hero section with a looping background video, oversized typography, and a transparent navbar. The mobile menu slides in smoothly for a clean browsing experience.
Hero 30 - Waitlist Hero Section
hero-30
A cinematic hero section with a looping video background, bold two-line headline, and a waitlist email-capture pill, designed to build anticipation and collect early signups.
Hero 31 - Travel & Destination Hero Section
hero-31
A travel hero section with a looping scenic video background, bold headline, and a location search bar, ideal for travel, hospitality, and destination discovery landing pages.
Hero 32 - AI SaaS Hero Section
hero-32
A polished hero section with a looping background video, an animated navbar, and a product dashboard preview. Smooth interactions help showcase your product from the start.
Hero 33 - Real Estate Hero Section
hero-33
A full-bleed real estate hero section with a looping background video, a frosted-glass navbar with contact details, and a two-column headline layout.
Hero 34 - Category Spotlight Hero
hero-34
An interactive category spotlight hero with a giant background headline, floating 3D characters, and a frosted glass info panel. Browse kids, men, and women collections with smooth crossfade transitions.
Hero 35 - AI Reasoning Hero
hero-35
An AI-product hero section with a soft aurora gradient backdrop, a bold headline, and a chat-style prompt card featuring a model selector, voice input, and workspace integration shortcuts.
Hero 36 - Luxury Real Estate Hero
hero-36
A modern real-estate hero section with a cinematic city backdrop, bold headline, CTA buttons, and a sleek property details card showcasing key project information.
Integration 01 - Unified Integrations
integration-01
Seamlessly connect your favorite tools and APIs to automate workflows, centralize data, and enhance productivity — giving developers the flexibility to build faster and scale efficiently.
Integration 02 - Smart Integrations
integration-02
Easily integrate with popular tools your team already uses to streamline workflows, reduce manual effort, and create a connected ecosystem that improves collaboration and accelerates development.
Integration 03 - Advanced Integrations
integration-03
Connect powerful tools into one intelligent ecosystem to automate workflows, simplify operations, and help teams work smarter with scalable integrations built for modern products.
Integration 04 - Enterprise Integrations
integration-04
Securely connect your entire technology stack with enterprise-grade integrations that enhance data flow, improve reliability, and give teams the flexibility to scale without operational complexity.
Integration 05 - Apps to Automated Actions
integration-05
A wiring-diagram style integration section that maps connected apps through a central hub into automated actions, showing at a glance how tools sync data and trigger workflows.
Kanban 01 - Simple Task Board
kanban-application-01
A complete drag-and-drop kanban board with To Do, In Progress, and Done columns, task creation, deletion, and reordering across columns.
Kanban 02 - Task Management Board
kanban-application-02
A color-coded drag-and-drop kanban board with To do, In Progress, and Done columns, task dates, assignee avatars, and a task dialog for creating and editing tasks with a message, due date/time, and assignee.
Login 01 - Developer-Friendly Login Page
login-01
A clean, secure login page with Google and GitHub authentication, remember-me support, and password recovery, built for modern SaaS products using shadcn UI.
Login 02-Dashboard Preview Login
login-02
A modern split login page featuring a clean authentication form alongside a dynamic admin dashboard preview, building trust while giving users a quick glimpse into the platform experience.
Login 03 - Visual Split Login
login-03
A clean split-layout login page combining immersive visuals with secure credential and social sign-in options, crafted to enhance brand presence while ensuring a fast, intuitive authentication experience.
Login 04 - Creative Animated Login
login-04
A modern login layout featuring social authentication, secure credential fields, and a bold visual panel—designed to elevate brand identity while delivering a smooth, distraction-free sign-in experience.
Login 05- Split Workspace Login
login-05
A clean split-screen login page combining a minimal authentication form with an engaging workspace visual, helping teams sign in quickly while reinforcing collaboration, productivity, and brand trust.
Login 06 - Split Authentication Login
login-06
A modern split-screen login page featuring credential inputs and social authentication options, designed to streamline access, enhance security, and deliver a smooth onboarding experience for users.
Login 07 - Video Background Split Login
login-07
A split-screen login page pairing a looping video background with a scrolling testimonial marquee and trusted-brand logos against a clean credentials form, built to build trust while keeping sign-in effortless.
Logo Cloud 01 - Trusted by Leading Companies
logo-cloud-01
A clean logo collection highlighting affiliated brands and integrations, designed to build credibility, reinforce partnerships, and visually communicate trust within modern product or SaaS interfaces.
Logo Cloud 02 - Powered by Trusted Collaborations
logo-cloud-02
Join the growing network of forward-thinking brands that partner with us. Our collaborations reflect a commitment to quality, innovation, and delivering exceptional results every time.
Logo Cloud 03 - Trusted by Leaders
logo-cloud-03
From ambitious startups to global enterprises, leading brands trust our expertise to deliver impactful solutions, foster innovation, and build long-term partnerships that drive measurable success.
Logo Cloud 04 - Trusted by Leading Brands
logo-cloud-04
Partnering with innovative companies worldwide, we deliver solutions that empower growth, inspire confidence, and create lasting business impact.
Logo Cloud 05 - Trusted by Industry Leaders
logo-cloud-05
Showcase the brands that rely on your expertise. This logo cloud builds instant credibility, reinforces trust, and highlights the strong partnerships powering your success.
Logo Cloud 06 - Trusted by Leading Teams
logo-cloud-06
A minimal logo grid showcasing leading companies, designed to build credibility, emphasize partnerships, and communicate real-world impact across modern digital products
Logo Cloud 07 - Worked with Top Companies
logo-cloud-07
A clean logo grid displaying top companies, crafted to establish credibility, highlight relationships, and demonstrate real-world impact across modern product experiences
Logo Cloud 08 - Trusted Insurance Partnerships
logo-cloud-08
A side-by-side header paired with a responsive, animated logo grid, designed to highlight trusted partners and reinforce credibility across services.
Navbar 01 - Minimal Agency Navbar
navbar-01
A clean top navigation bar with logo, page links, and standout CTA button, ideal for agency or SaaS websites to guide users and drive collaboration effortlessly.
Navbar 02 - Modern SaaS Menu
navbar-02
A structured navigation layout with categorized features and use cases, interactive icons, and clear links, designed for AI or SaaS platforms to help users explore tools and integrations effortlessly.
Navbar 03 - Modern Healthcare NavBar
navbar-03
A structured navigation bar with a detailed services dropdown, medical categories, and clear contact options, designed to help patients quickly find care and book appointments with ease.
Navbar 04 - Structured SaaS Navigation Menu
navbar-04
A clean multi-column navigation layout with categorized features, organized content links, and a highlighted guide panel, designed to improve product discovery and streamline user navigation effortlessly.
Navbar 05 - Comprehensive Resources Menu
navbar-05
A structured dropdown layout with documentation, tutorials, community access, webinars, and release notes, designed to centralize learning resources and simplify product exploration for users.
Navbar 06 - Advanced Resources Navbar
navbar-06
A structured dropdown layout highlighting branding controls, data export, API access, and system alerts, designed to showcase platform capabilities and improve user exploration.
Navbar 07 - Feature-Rich Navbar
navbar-07
A clean and categorized dropdown menu with automation tools, partnerships, analytics, and resource libraries, designed to simplify navigation and improve overall product accessibility.
Navbar 08 - Minimal Services Menu
navbar-08
A clean navigation bar with a services dropdown, contact details, and a clear call-to-action button designed to showcase offerings and attract clients.
Navbar 09 - Minimal Developer Navbar
navbar-09
A minimal navigation layout with clear links to projects, experience, and contact—crafted to highlight skills, improve usability, and create a smooth browsing experience.
Navbar 10 - Creator Platform Navigation
navbar-10
A clean sidebar navigation menu with essential links, social icons, and a strong call-to-action—designed to help creators navigate easily, showcase work, and grow consistently.
Navbar 11 - Boxed Navbar Layout
navbar-11
A clean boxed navigation bar with structured links, clear hierarchy, and strong call-to-action—designed to improve usability and guide users across modern interfaces.
Navbar 12 - Ecommerce Mega Menu Navbar
navbar-12
An ecommerce navbar with a compact icon-only utility row for cart, wishlist, and account, plus a horizontal category bar where each link opens a multi-column mega menu.
Newsletter 01 - Newsletter Subscription CTA
newsletter-01
A minimal newsletter signup section with bold headline, social-proof subtext, and inline email form, ideal for capturing leads and growing your audience with a frictionless experience.
Newsletter 02 - Newsletter Signup
newsletter-02
A visually engaging newsletter section crafted to grow your audience, combining category highlights with a simple signup form to encourage subscriptions and keep users informed.
Newsletter 03 - Community Circle Subscribe
newsletter-03
An animated newsletter section framed by floating community avatars, pairing an inviting headline with a simple email signup and social proof to grow subscriptions.
Newsletter 04 - Minimal Split Subscribe
newsletter-04
A clean, minimal newsletter section pairing a headline and short note on the left with a compact email signup form on the right, set against an animated backdrop of falling light beams that spark on collision, wrapped in subtle micro-animations.
Newsletter 05 - Split Panel Subscribe
newsletter-05
A split-layout newsletter section pairing a headline, short note, inline signup form, and reader social proof with a decorative dotted panel where a mail icon floats among orbiting notification icons and rotating rings for a subtle micro-animated feel.
Note 01 - Personal Notes Dashboard
note-application-01
A complete note-taking application shell featuring a searchable notes list, dynamic note creation with customizable colors, a delete option, and a note content editor.
Portfolio 01 - Clean Portfolio Grid
portfolio-01
A modern portfolio section displaying featured projects with tags, visuals, and categories, ideal for agencies or freelancers to showcase real-world transformations, expertise, and design impact.
Portfolio 02 - Featured Project Portfolio
portfolio-02
A clean portfolio section designed to highlight standout projects with strong visuals and concise details, helping teams showcase expertise, demonstrate capabilities, and build credibility with potential clients.
Portfolio 03 - Project Gallery
portfolio-03
A structured portfolio grid that showcases multiple projects with clear visuals and labels, enabling teams to present diverse work, highlight specialization, and create a strong professional impression.
Portfolio 04 - Product / Portfolio Showcase
portfolio-04
A dynamic portfolio layout crafted to highlight real-world products with immersive visuals and context, helping teams demonstrate practical impact, innovation, and design excellence.
Portfolio 05 - Property Listings
portfolio-05
A modern property grid designed to showcase real estate listings with high-quality visuals, key details, and pricing—helping platforms present options clearly and enhance buyer engagement.
Portfolio 06 - Portfolio Carousel Section
portfolio-06
A clean carousel layout combining side content with sliding visuals, helping teams present product experiences, usability, and real-world applications in an engaging way.
Portfolio 07 - Real Estate Portfolio Section
portfolio-07
A modern real estate showcase highlighting residential and commercial properties through immersive visuals and key details, helping platforms drive buyer interest.
Portfolio 08 - Stacked Portfolio Section
portfolio-08
A vertically stacked portfolio layout showcasing multiple product categories with supporting visuals and content, enabling teams to present cross-platform capabilities and consistent design systems.
Pricing 01 - Startup Pricing Plans
pricing-01
A clean two tier pricing section with feature comparison, highlighted plans, and strong CTAs, suited for agencies, Startups & SaaS to convert visitors by clearly presenting value and monthly subscription options.
Pricing 02 - Scalable Pricing Table
pricing-02
A three tier pricing layout with a highlighted recommended plan, feature checklists, and clear CTAs, perfect for any website having pricing section to guide users toward the most valuable subscription option.
Pricing 03 - Simple Subscription Pricing
pricing-03
A modern pricing section with monthly vs yearly toggle, three plan cards, feature lists, and conversion focused CTAs, ideal for SaaS, courses, or membership platforms selling tiered subscriptions.
Pricing 04 - Highlighted Plan Pricing
pricing-04
A visually rich pricing section with promotional banner, monthly vs yearly toggle, and recommended plan badge, designed to boost conversions by emphasizing savings, value, and upgrade motivation.
Pricing 05 - Flexible Pricing Plans
pricing-05
Present clear, scalable pricing tiers designed to support businesses at every stage—helping users compare features, understand value quickly, and choose the plan that fits their growth.
Pricing 06 - Simple & Transparent Service Pricing
pricing-06
Showcase clearly structured cleaning packages with upfront pricing, helping customers quickly compare options, understand what’s included, and confidently book the service that fits their needs.
Pricing 07 - Business Plan Pricing
pricing-07
A clean pricing layout showcasing multiple subscription tiers, feature comparisons, and clear plan benefits designed to support startups, founders, and growing teams.
Pricing 08 - Modern SaaS Pricing
pricing-08
A clean pricing section with three plans, a highlighted recommendation, billing toggle, and clear CTAs to guide plan selection
Pricing 09 - Personalized Pricing Plans
pricing-09
A modern pricing section with flexible subscription tiers, a highlighted popular plan, feature lists, and strong CTAs designed to help users choose quickly.
Pricing 10 - Three-Tiered Pricing Plans
pricing-10
A simple and scalable pricing section with three plans, feature checklists, and clear CTAs, making it easy for users to understand and decide.
Pricing 11 - Add-Ons Pricing Section
pricing-11
A modern add-ons pricing section showcasing flexible upgrade options, feature highlights, and clear pricing tiers, designed to enhance workflows and drive conversions with strong calls-to-action.
Pricing 12 - Simple Tech Upgrade Plans
pricing-12
A modern two-tier pricing section with billing toggle, feature highlights, and clear CTAs, designed to encourage upgrades and simplify decision making.
Pricing 13 - Tabular Pricing Layout
pricing-13
A detailed tabular layout with multiple plans, feature availability, and highlighted option, built to simplify decision making and improve conversions.
Pricing 14 - Single Plan Pricing
pricing-14
A clean single plan pricing card with feature highlights, billing toggle, and strong CTA, designed to focus attention and drive quick decisions.
Pricing 15 - Choose and Compare Pricing
pricing-15
A modern pricing interface with plan options and side feature panel, designed to improve clarity, comparison, and overall user decision making.
Product Category 01 - Tabbed Category
product-category-01
A conversion-focused product category section featuring interactive category filters, featured collections with high-quality imagery, and clear shop-now CTAs for ecommerce growth.
Product Category 02 - Horizontal List
product-category-02
A horizontal category list displaying product groups with icons, item counts, and quick links, enabling users to scan categories quickly and navigate products efficiently.
Product Category 03 - Filtered Listing
product-category-03
A structured product listing with category filters, price ranges, sorting controls, and actionable cards, helping users refine results and discover relevant products faster.
Product Category 04 - Image Based
product-category-04
A product category section built with image-driven cards and filters, enabling faster discovery through visuals and improving navigation across different product groups.
Product Category 05 - Horizontal Icon List
product-category-05
A horizontally scrollable list of category icons with labels and selection states, enabling users to navigate categories efficiently with minimal interaction cost.
Product Category 06 - Visual Product Cards
product-category-06
A category browsing layout with large image cards and quick links, designed to help users identify product types quickly and explore collections efficiently.
Product Category 07 - Circular Product Grid
product-category-07
A multi-column category layout with circular image cards and labels, helping users quickly scan product groups and navigate collections with clarity and ease.
Product Comparison 01 - Product Model Comparison List
product-comparison-01
A streamlined product comparison layout with images, ratings, pricing, key specifications, warranty details, and quick-add actions. Ideal for helping shoppers compare products and choose the right option.
Product Comparison 02 - Side-by-Side Product Comparison
product-comparison-02
A compare-tray grid with removable product cards, feature checklists, ratings, pricing, and an add-product slot, ideal for side-by-side product comparison tools.
Product Comparison 03 - Full Specifications Table
product-comparison-03
A side-by-side specifications comparison table with grouped sections, progress-bar metrics, feature checklists, and per-product pricing and add-to-cart actions.
Product Comparison 04 - Compare Models Banner
product-comparison-04
A grouped specifications comparison banner with per-product pricing, help-tooltip labels, boolean feature indicators, and add-to-cart actions.
Product Listing 01 - Multi Column Grid
product-listing-01
A multi-column layout featuring product cards with images, reviews, and pricing details, helping users scan, compare, and select products quickly.
Product Listing 02 - Minimal
product-listing-02
A clean product grid showcasing featured items with badges, pricing, and quick add icons, enabling faster browsing, visual clarity, and seamless shopping experience.
Product Listing 03 - Detailed List View
product-listing-03
An expanded product list layout with rich details, shipping info, ratings, and pricing, helping users evaluate options clearly and take quick purchase actions.
Product Listing 04 - With Promo Banner
product-listing-04
A product grid combined with a promotional banner highlighting new arrivals, alongside product cards with ratings, pricing, and actions, driving discovery and engagement.
Product Overview 01 - For Fashion Product
product-overview-01
A clean fashion product overview featuring detailed imagery, size and color selection, pricing breakdown, and strong call-to-action—ideal for modern clothing and apparel stores.
Product Overview 02 - Multi-Image Grid
product-overview-02
A product overview layout featuring a large primary image, supporting grid previews, variant selectors, pricing details, and expandable sections for complete product information display.
Product Overview 03 - With Feature Highlights
product-overview-03
A clean product overview layout featuring large hero imagery, pricing panel, variant selectors, feature icons, and detailed description—designed for clarity and confident purchase decisions.
Product Overview 04 - For Skincare Product
product-overview-04
A structured skincare layout featuring image grid previews, descriptive content, pricing details, size selection, and collapsible sections for ingredients, shipping, and product overview information.
Product Overview 05 - For Digital Product
product-overview-05
A modern layout displaying product preview and detailed information, alongside purchase options with selectable choices, benefits checklist, and strong CTAs for conversion.
Product Overview 06 - With Carousel Layout
product-overview-06
A modern product page featuring image carousel, color and size selection, pricing blocks, and clear call-to-action buttons for seamless purchasing flow.
Product Quick View 01 - For Fashion Product
product-quick-view-01
A sleek quick view modal featuring product imagery, size and color selection, pricing details, and clear call-to-action for fast and seamless shopping experiences.
Product Quick View 02 - Multi-Image Grid
product-quick-view-02
A modern quick view modal with a large preview image and grid-based thumbnails, including variant options, pricing, and seamless add-to-cart functionality.
Product Quick View 03 - With Feature Highlights
product-quick-view-03
A refined quick view panel showcasing hero imagery, feature highlights, pricing structure, variant selectors, and prominent call-to-action for improved shopping flow.
Product Quick View 04 - For Skincare Product
product-quick-view-04
A clean skincare quick view featuring image grid previews, detailed product description, pricing information, size selection, and clear call-to-action for confident purchasing.
Product Quick View 05 - For Digital Product
product-quick-view-05
A modern quick view layout showcasing product preview, detailed information, selectable options, benefits checklist, pricing details, and strong call-to-action for higher conversions.
Product Quick View 06 - With Carousel Layout
product-quick-view-06
A modern quick view layout featuring an interactive image carousel, variant selectors, pricing details, and strong call-to-action for seamless and engaging shopping experiences.
Receipt 01 - Colorful Order Confirmation Receipt
receipt-01
A detailed order confirmation layout with product cards, order status, payment summary, delivery and billing addresses, discounts, taxes, final total, and estimated arrival details for ecommerce purchases.
Receipt 02 - Order Tracking Receipt
receipt-02
A split-screen order confirmation receipt with parcel contents, shipping and billing details on one side, and a receipt overview with shipping journal and tracking actions on the other.
Receipt 03 - Compact Printable Receipt
receipt-03
A compact receipt design with order summary, product details, subtotal, shipping, tax, total amount, shipping address, payment information, tracking number, and shipment tracking for quick reference.
Receipt 04 - Complete Order Status Receipt
receipt-04
A full order summary with payment status, order journey, shipment tracking, billing and shipping details, itemized products, totals, and actions for tracking, reordering, returns, and customer support.
Register 01 - Simple & Secure Signup Page
register-01
A streamlined signup page with Google and GitHub authentication, clean form fields, and conversion-focused layout, perfect for SaaS onboarding built with shadcn UI.
Register 02 - Modern Analytics SignUp Page
register-02
A sleek split-screen login layout featuring secure credential inputs and a dynamic admin preview, designed to inspire trust and highlight product capabilities instantly.
Register 03 - Minimal Visual Split register
register-03
A modern split-screen login page featuring secure credential fields and social authentication, paired with an immersive abstract visual to create a bold, premium first impression.
Register 04 - Creative Studio Sign-Up
register-04
A professional dark-themed login screen featuring Google, GitHub, X, and LinkedIn authentication alongside clean credential inputs for seamless onboarding.
Register 05 - Modern Team Collaboration Sign-up
register-05
A sleek authentication page showcasing secure credential fields and social access options, supported by a vibrant coworking scene to emphasize collaboration and growth.
Register 06 - Minimal Dual-Panel register
register-06
A clean dual-column login page featuring streamlined credential inputs and multiple social sign-in options, designed to deliver clarity, balance, and effortless access.
Register 07 - Video Background Split Register
register-07
A split-screen register page pairing a looping video background with a scrolling testimonial marquee and trusted-brand logos against a clean credentials form, built to build trust while keeping sign-in effortless.
Services 01 - Creative Services Overview
services-01
A colorful services section with icon cards and dual CTAs, perfect for agencies to present core offerings, guide visitors to portfolios, and drive collaboration with clear next steps.
Services 02 - Dark Services Animated Block
services-02
A premium dark mode services section with interactive list, visual preview, and detailed descriptions, ideal for creative agencies to showcase capabilities while maintaining a bold, modern brand presence.
Services 03 - Service Showcase
services-03
A modern services section structured to present offerings with clarity, combining visuals and concise descriptions to help businesses communicate expertise and guide users through capabilities.
Services 04 - Cleaner Service Slider
services-04
A visually engaging service slider designed to showcase offerings with strong imagery and quick navigation, helping businesses highlight key services while improving discovery and user interaction.
Services 05 - Health Care Services Grid
services-05
A clean healthcare services grid designed to present specialized treatments with supportive visuals and clear descriptions, enabling providers to communicate expertise and help patients explore care confidently.
Services 06 - Financial Services
services-06
A professional services section tailored for financial firms, combining structured content, category navigation, and detailed offerings to help businesses present expertise and build client confidence.
Services 07 - Construction Services Showcase
services-07
A structured services section combining strong imagery and clear categories, helping businesses showcase expertise, highlight key offerings, and guide users through construction solutions.
Services 08 - Modern Services Section
services-08
A premium strategic services section with clean icon cards and structured content, helping agencies present offerings clearly and guide users toward engagement.
Services 09 - Solution-Based Services
services-09
A clean and modern services showcase designed to present business solutions with clarity, helping users explore offerings and understand capabilities with ease.
Services 10 - Business Services Solutions Section
services-10
A modern services showcase with featured content, visual previews, and learn more actions, designed to simplify workflows, highlight offerings, and improve team productivity.
Sidebar 01 - Admin Dashboard Sidebar
sidebar-01
A collapsible sidebar navigation with grouped menus, icons, and upgrade CTA, perfect for admin dashboards to organize pages, widgets, and apps while keeping workflows fast and intuitive.
Sidebar 02 - Mini Sidebar Navigation
sidebar-02
A compact sidebar designed for efficient navigation, providing quick access to core features, tools, and settings while maintaining a clean layout that enhances usability and workflow focus.
Sidebar 03 - Two Column Sidebar
sidebar-03
A structured dashboard sidebar that organizes analytics, apps, pages, and forms into clear categories, enabling faster navigation, improved productivity, and effortless access to essential platform features.
Sidebar 04 - Compact Dashboard Navigation
sidebar-04
A streamlined single-column dashboard sidebar that presents core sections like Dashboard, Frontend Pages, and Apps in a clear, minimal layout. Designed for simplicity and focus, it enables quick navigation, better organization, and efficient access to essential workspace features without visual clutter.
Sidebar 05 - Admin Sidebar with Promo
sidebar-05
A feature-rich admin sidebar combining structured navigation with a promotional upgrade card, helping users access key tools efficiently while encouraging premium adoption within the dashboard experience.
Sidebar 06 - Card Layout Admin Dashboard Sidebar
sidebar-06
A responsive admin sidebar paired with a modern card-based dashboard layout. Features grouped navigation, icons, and collapsible menus, making it ideal for SaaS platforms, analytics dashboards, CRM systems, and enterprise applications.
Sidebar 07 - Animated Mega-Menu Console Sidebar
sidebar-07
A premium animated sidebar built with Framer Motion, featuring a clean brand logo header, search bar, icon-only collapsed state, and a full-width console-style mega-menu flyout overlay for quick service navigation — perfect for complex cloud panels and admin platforms.
Sidebar 08 - Mail Workspace Sidebar
sidebar-08
A modern workspace sidebar with a compact icon rail, searchable inbox, and secondary action panel. The structured layout keeps navigation organized while giving quick access to messages and tools.
Sidebar 09 - Productivity Workspace Sidebar
sidebar-09
A workspace-first sidebar featuring AI assistance, organized navigation, project groups, and task management. Ideal for productivity tools and collaborative dashboards.
Statistics 01 - KPI Summary Cards
statistics-01
A compact statistics section with KPI cards highlighting earnings, expenses, weekly sales, and orders, ideal for admin dashboards to surface key business metrics at a glance.
Statistics 02 - Business Metrics Bar
statistics-02
A horizontal KPI bar displaying orders, sales, profit, and expenses with weekly change indicators, ideal for dashboards to monitor short-term performance and trends at a glance.
Statistics 03 - Business Insights Cards
statistics-03
A set of clean analytics cards displaying key metrics like followers, income, and balance, perfect for dashboards to highlight performance insights, track progress, and present essential data clearly.
Statistics 04 - Financial Performance Cards
statistics-04
A clean set of metric cards highlighting sales, profit, and advertising costs, ideal for dashboards to monitor financial health, track trends, and evaluate business performance at a glance.
Statistics 05 - Revenue & Sales Metrics Cards
statistics-05
A modern analytics card set showcasing total sales, monthly performance, and revenue growth, ideal for dashboards to monitor trends, compare progress, and highlight key business insights clearly.
Statistics 06 - Colorful Dashboard Summary Cards
statistics-06
A vibrant set of metric cards displaying key business indicators like employees, clients, projects, events, payroll, and reports, perfect for dashboards to present data in a visually engaging layout.
Statistics 07 - Dashboard Summary Header
statistics-07
A modern dashboard header with summary metrics highlighting leads, conversion, refunds, sales, and earnings, perfect for admin panels to present key insights and performance indicators at a glance.
Statistics 08 - Analytics Dashboard Widgets
statistics-08
A clean set of dashboard widgets highlighting customer insights, product insights, deal progress, and payment activity, perfect for admin panels to monitor performance and track key metrics.
Statistics 09 - Revenue Insights Card
statistics-09
A minimal revenue insights card showcasing total earnings with region-wise distribution, perfect for dashboards to evaluate performance, compare segments, and track business growth efficiently.
Statistics 10 - Monthly Earnings Overview
statistics-10
A clean analytics card displaying monthly earnings with year-over-year comparison, ideal for dashboards to monitor revenue trends, evaluate performance changes, and track financial progress at a glance.
Statistics 11 - Yearly Backup Overview
statistics-11
A clean analytics card displaying total yearly backup value with growth percentage and visual comparison between annual data segments, ideal for tracking performance trends and storage insights.
Statistics 12 - Total Assets Summary
statistics-12
A vibrant dashboard card layout showcasing key organizational metrics including employees, projects, clients, payroll, and events, ideal for presenting business assets and operational insights clearly.
Statistics 13 - Users & Subscriptions Overview Cards
statistics-13
A modern gradient analytics card set highlighting users and subscription performance with percentage change indicators, perfect for tracking growth trends and monitoring platform engagement at a glance.
Statistics 14 - Sales Overview Card
statistics-14
A clean analytics card displaying last seven days sales performance with circular progress indicators, ideal for monitoring short-term revenue trends and comparing percentage distribution at a glance.
Statistics 15 - Customer Growth Overview
statistics-15
A modern analytics card displaying last seven days customer growth with trend comparison against previous week, ideal for tracking acquisition performance and monitoring percentage increase clearly.
Statistics 16 - Statistics Business Performance Cards
statistics-16
A clean dashboard card set highlighting customers, projects, growth rate, and expense distribution, ideal for monitoring key metrics, tracking trends, and presenting performance insights clearly.
Statistics 17 - Total Assets Distribution Card
statistics-17
A detailed analytics card displaying total assets value with yearly growth comparison and revenue distribution across product sales, service revenue, and other income segments for clear financial insights.
Statistics 18 - Performance Indicator Cards
statistics-18
A vibrant dashboard card set highlighting total orders, returns, annual budget, cancellations, income, and expenses, ideal for presenting key operational metrics in an engaging layout.
Table 01 - Project Management Table
table-01
A sortable projects table with manager, team avatars, progress indicators, search, and pagination, ideal for admin dashboards to track project status and streamline team workflows efficiently.
Table 02 - Invoice Management Table
table-02
A clean, searchable invoice table displaying customer details, statuses, totals, issue dates, balances, and actions—designed to streamline billing workflows and monitor payments efficiently.
Table 03 - Course Assignment Overview Table
table-03
A structured assignment table displaying authors, course categories, technology tags, and user counts—helping teams track engagement, manage contributors, and monitor platform growth efficiently.
Table 04 - Revenue Tracker Table
table-04
An interactive revenue table that highlights product performance, progress, priorities, and budgets—enabling teams to analyze profitability, allocate resources wisely, and make faster data-driven decisions.
Table 05 - Transaction Status Table
table-05
A clean, sortable transaction table displaying payment statuses, customer emails, amounts, and actions—helping teams monitor processing updates and manage financial records efficiently
Table 06 - User Subscription Management Table
table-06
A structured user management table displaying roles, plans, billing methods, statuses, and actions—helping teams monitor subscriptions, and streamline account administration efficiently.
Table 07 - Project Overview Table
table-07
A structured project overview table showcasing users, project names, team members, statuses, and budgets—helping teams track progress and manage resources efficiently.
Table 08 - Top Performing Products Table
table-08
A performance-driven products table showcasing categories, sales figures, earnings, and technologies—helping teams identify top revenue generators and optimize strategic product decisions effectively
Table 09 - Popular Products Table
table-09
A detailed products table showcasing items, payment progress, and order statuses—helping teams track transactions, monitor confirmations, and manage customer purchases efficiently.
Table 10 - Customer Reviews Table
table-10
A clean, searchable reviews table displaying customer details, ratings, feedback, and timestamps—designed to help teams quickly monitor user sentiment, manage responses, and improve overall customer experience.
Table 11 - Project Tracking Table
table-11
A structured table presenting ongoing projects with budget details, assigned teams, project leads, and activity trends—making it easy to monitor performance and track progress at a glance.
Team 01 - Creative Team Showcase
team-01
A vibrant team section featuring profile cards with roles and social links, perfect for agencies or startups to humanize their brand, highlight talent, and build authentic connections.
Team 02 - Modern Team Grid
team-02
A clean team grid with large profile cards, roles, and social icons, ideal for agencies or SaaS companies to introduce key members and strengthen brand authenticity.
Team 03 - Meet the Team
team-03
A clean team showcase layout designed to introduce key members with professional visuals and roles, helping organizations humanize their brand and build trust through transparency.
Team 04 - Leadership Team
team-04
A modern leadership section combining engaging visuals with strong messaging, crafted to highlight expertise, reinforce credibility, and showcase the people driving innovation behind your platform.
Team 05 - Agents Team
team-05
A professional team directory layout built to showcase agents with credentials, performance metrics, and contact options—helping real estate platforms build trust and simplify client connections.
Team 06 - Clinical Experts Team
team-06
A clean team section layout featuring healthcare clinicians and experts in a dynamic carousel with languages spoken and appointment booking actions.
Team 07 - Platform Innovators Team
team-07
A confident team section pairing a bold headline and trust-building highlight card with a grid of team member photos, designed to introduce the people behind a product platform.
Testimonial 01 - Bento Grid Testimonials
testimonial-01
A multi card testimonial section combining customer quotes, imagery, and performance stats, ideal for showcasing social proof, building trust, and reinforcing brand credibility across product or agency websites.
Testimonial 02 - Testimonial Slider Showcase
testimonial-02
A clean testimonial slider with customer photo, detailed quote, navigation controls, and partner logos—perfect for highlighting success stories and building instant trust on landing pages.
Testimonial 03 - Text and Video Testimonials
testimonial-03
Highlight authentic client experiences through impactful testimonials that build credibility, demonstrate real results, and help potential customers feel confident in choosing your platform.
Testimonial 04 - Client Success Stories
testimonial-04
Showcase measurable outcomes and real client feedback to demonstrate impact, build trust, and highlight how your platform drives smarter decisions, stronger collaboration, and operational efficiency.
Testimonial 05 - Modern Grid Testimonials
testimonial-05
Build credibility with authentic testimonials from respected clients, highlighting real results, seamless collaboration, and the value your platform delivers to teams across industries.
Testimonial 06 - Clean & Modern Testimonials
testimonial-06
Showcase genuine customer experiences that highlight measurable success, improved workflows, and stronger collaboration—helping prospects build trust in your platform through proven, real-world outcomes.
Testimonial 07 - Multi Platform Testimonials
testimonial-07
Highlight authentic customer feedback that reflects real success, seamless adoption, and measurable growth—helping visitors quickly understand the value your platform delivers to modern teams.
Testimonial 08 - Customer Story Testimonials
testimonial-08
A professional testimonial experience designed to showcase authentic customer feedback, highlight success stories, and reinforce the real-world value of your platform.
Testimonial 09 - Quote & Stats Testimonials
testimonial-09
A modern testimonial layout combining real customer feedback with performance statistics, helping highlight proven outcomes, strengthen credibility, and build trust with potential customers.
Testimonial 10 - Split Layout Testimonials
testimonial-10
A testimonial section featuring trusted company logos and authentic client quotes, helping reinforce credibility and demonstrate real results from satisfied customers.
Testimonial 11 - Profile Highlight Testimonials
testimonial-11
A modern testimonial section featuring customer profiles and real feedback, helping showcase product impact, build trust, and communicate value through clear and engaging content.
Testimonial 12 - Centered Testimonials Slider
testimonial-12
A clean testimonial slider with centered quotes, user avatars, and brand logos, helping showcase authentic feedback, strengthen credibility, and enhance overall user experience.
Testimonial 13 - Multi Column Testimonials
testimonial-13
A modern grid layout designed to present authentic customer feedback at scale, reinforcing credibility and helping users quickly recognize real product impact.
Testimonial 14 - Carousel Testimonials Layout
testimonial-14
A horizontal testimonial slider with developer-focused feedback and user profiles, helping showcase real-world usage, reinforce product credibility, and highlight frontend scalability benefits.
Timeline 01 - Vertical Progress Timeline
timeline-01
A modern two-column timeline featuring alternating content blocks, visual storytelling elements, and chronological progression—designed to highlight growth and achievements.
Timeline 02 - Interactive Timeline
timeline-02
An engaging timeline layout featuring key milestones, chronological progression, and supporting visuals, crafted to communicate company evolution effectively.
Timeline 03 - Horizontal Journey Timeline
timeline-03
A visually structured timeline layout highlighting key milestones, supporting content, and rich imagery, helping users explore progress year by year.
Topbar 01 - Simple Navigation Topbar
topbar-01
Clean navigation topbar with brand logo, navigation menu, notifications, language switcher, and user profile. Ideal for admin panels, SaaS platforms, internal tools, and business applications.
Topbar 02 - Navigation Mega Menu Topbar
topbar-02
Multi level topbar with categorized navigation, quick access links, notifications, and user profile in a clean horizontal layout. Ideal for documentation sites, design systems, developer platforms, and large web applications.
Topbar 03 - Login Action Topbar
topbar-03
Navigation topbar with primary links, login action, notifications, and user profile for quick access. Ideal for SaaS products, documentation portals, developer tools, and web applications.
Topbar 04 - Centered Navigation Topbar
topbar-04
Centered navigation topbar with brand logo, quick access links, notifications, and profile actions. Ideal for SaaS products, documentation websites, and modern web applications.
Topbar 05 - Sidebar Integrated Topbar
topbar-05
Topbar paired with a collapsible sidebar, combining primary navigation, quick actions, notifications, and user controls in a unified workspace layout.
Topbar 06 - Search Focused Topbar
topbar-06
Clean topbar with a prominent search bar, sidebar toggle, notifications, and profile actions for faster navigation and content discovery.
Two Factor Authentication 01 - Dashboard Two-Factor Verification
two-factor-authentication-01
A clean authentication screen where users enter a verification code, designed to add extra security while keeping the process simple and smooth.
Two Factor Authentication 02 - Modern Two-Step Authentication
two-factor-authentication-02
A polished verification experience that combines clean visuals, structured input fields, and reassuring messaging to confirm user identity with confidence.
Two Factor Authentication 05 -Workspace Two-Factor Authentication
two-factor-authentication-05
A secure verification screen designed for modern teams, combining structured code inputs and clear actions to protect collaborative workspaces with confidence.
User Profile 01 - User Profile Settings
user-profile-01
A tabbed account settings shell with a job seeker profile, work experience and applications, security controls, and notification preferences, featuring an editable identity card, skills and availability fields, and visibility toggles.
User Profile 02 - User Profile Management
user-profile-02
A profile management interface with a persistent user identity panel and tabbed content for profile details, work experience, security controls, and notification preferences.
Verify Email 01 - Email Verification Page
verify-email-01
A clean email verification screen that confirms account activation, guides users to check their inbox, and offers resend functionality for a smooth onboarding experience.
Verify Email 02 - Modern Dashboard Email Verification
verify-email-02
A sleek email verification interface combining concise messaging with a dynamic analytics preview, building trust and delivering a confident, professional account activation experience.
Verify Email 05 - Workspace-Inspired Verification Page
verify-email-05
A modern verification page set beside a welcoming office environment, combining clear instructions with a strong call-to-action for confident email confirmation.
Waitlist 01 - Get Early Access
waitlist-01
A split-screen waitlist section featuring a compelling product story, announcement badge, email signup form, social proof, and branded call-to-action. Designed to maximize early access registrations before launch.
Waitlist 02 - Ship Your SaaS
waitlist-02
A centered waitlist hero with bold headline, email capture form, trust indicators, and gradient spotlight background that keeps attention on the primary call-to-action and encourages early signups.
Widget 01 - Analytics Overview Widget
widget-01
A compact analytics widget displaying earnings and expenses with growth indicators, perfect for admin dashboards to provide quick financial insights without overwhelming the interface.
Widget 02 - Sales by Country Widget
widget-02
A ranked country wise sales widget with flags, revenue values, and growth indicators, ideal for dashboards to monitor geographic performance and spot emerging market trends quickly.
Widget 03 - Course Preview Card Widget
widget-03
A content preview widget with cover image, title, short description, and participant avatars, ideal for learning platforms or blogs to showcase featured courses or trending articles.
Widget 04 - Best Selling Products Widget
widget-04
A visual sales widget highlighting top-performing products with revenue values and progress bars, perfect for admin dashboards to track product performance and prioritize marketing efforts.
Widget 05 - Activity Timeline Widget
widget-05
A vertical activity feed displaying real-time events like payments, sales, and meetings, ideal for dashboards to keep teams updated with the latest business actions.
Widget 06 - Campaign Performance Widget
widget-06
A social campaign tracking widget showing leads, followers, and ad clicks with status labels, ideal for dashboards to monitor marketing performance across multiple platforms.
Widget 07 - Statistics – Asset Distribution Overview
widget-07
An informative analytics card outlining asset value, annual growth metrics, and revenue allocation across multiple streams to enhance financial clarity and decision-making.
Widget 08 - Statistics – KPI Welcome Section
widget-08
A modern dashboard welcome banner displaying personalized greeting with key metrics like new leads and conversion rate, ideal for highlighting performance insights and engagement at a glance.
Widget 09 - Sales Performance Summary Widget
widget-09
A sales summary widget presenting active, pending, and delivered orders with achievement insights, perfect for dashboards to visualize growth performance and order management trends.
Widget 10 - Weekly Sales Insights Widget
widget-10
A compact performance overview card displaying weekly sales patterns, best contributors, trending products, and engagement data, perfect for dashboards to assess short-term operational success.
Widget 11 - Performance Goals Overview
widget-11
A clean progress tracking widget displaying new goals with completion percentage and visual progress bar, ideal for dashboards to monitor performance milestones and achievement status efficiently.
Widget 12 - Sales by Location Overview
widget-12
A geographic sales widget showing state-wise performance with percentage breakdowns, ideal for tracking regional revenue trends and identifying top-performing markets.
Widget 13 - Transaction Summary Widget
widget-13
A transaction summary widget displaying recent payments, transfers, refunds, and wallet activities with amount indicators, ideal for dashboards to monitor financial activity and cash flow updates.
Widget 14 - Upcoming Schedule Management
widget-14
A scheduling overview widget displaying upcoming shipments, freight details, locations, and status filters, ideal for dashboards to track logistics activities and manage delivery timelines efficiently.
Widget 15 - Payments & Transactions Panel Widget
widget-15
A financial dashboard widget displaying saved payment cards, account balances, and recent transactions with status indicators, ideal for monitoring spending activity and managing digital payments efficiently.
Widget 16 - Sales Growth Update Banner
widget-16
A highlight notification banner showcasing a 40% weekly revenue increase, ideal for dashboards to communicate performance milestones and key business achievements instantly.
Widget 17 - Order Performance Overview Widget
widget-17
A real-time order performance widget displaying new, on-hold, and delivered orders with a visual score indicator, perfect for businesses monitor fulfillment efficiency and operational progress.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
About Us 01 - Impact Metrics
about-us-section-01
A bold about us section combining value pillars, headline messaging, and performance counters, perfect for agencies or studios to highlight expertise, achievements, and credibility at a glance.
About Us 02 - About the Platform with Stats
about-us-section-02
A modern about section highlighting your mission, product impact, and key metrics, designed to build developer trust, communicate scale, and showcase credibility for SaaS platforms.
About Us 03 - Experience & Impact About Us
about-us-section-03
A metrics-driven about section combining credibility stats with a strong brand narrative, helping developers showcase expertise, build trust, and communicate proven results with clarity and confidence.
About Us 04 - Lifestyle Showcase About Section
about-us-section-04
A visually rich about section featuring immersive imagery, refined messaging, and key community metrics—ideal for presenting modern living experiences while building brand aspiration and user trust.
About Us 05 - Platform Overview
about-us-section-05
A modern about section blending strong messaging with performance metrics, helping teams communicate innovation, scalability, and trust while reinforcing product value for businesses and developers.
About Us 06 - Minimal About Us
about-us-section-06
A clean about us section with minimal design and clear messaging, helping teams introduce their brand story, vision, and purpose with clarity and focus.
About Us 07 - Business Growth
about-us-section-07
A modern metrics section highlighting key numbers that showcase product adoption, business growth, and global user trust at a glance.
About Us 08 - Marketing Agency About Section
about-us-section-08
A modern about section combining brand messaging with key performance metrics to highlight growth, credibility, and product impact for startups and SaaS platforms.
About Us 09 - Split Layout About Section
about-us-section-09
A balanced layout combining immersive visuals with concise text, designed to present brand identity, teamwork, and innovation in a clear, engaging format.
About Us 10 - About Section with KPIs
about-us-section-10
A minimal about section showcasing mission, vision, and key performance indicators, helping businesses communicate clarity, scale, and credibility to users and stakeholders.
About Us 11 - Creative Media About Section
about-us-section-11
A modern layout presenting video services and brand storytelling, supported by a strong call-to-action designed to capture interest and drive conversions effectively.
About Us 12 - Real Estate About Section
about-us-section-12
A clean and engaging section combining property visuals, brand messaging, and key statistics, designed to highlight lifestyle value, credibility, and user interest with clear actions.
About Us 13 - Interior Design About Section
about-us-section-13
A modern interior design about section combining split layout visuals and key metrics to highlight brand credibility, lifestyle value, and customer engagement effectively
AI Chat 01 - Chat
ai-chat-01
A complete AI chat conversation block with a centered welcome and suggested prompts, a scrollable message thread with assistant and user bubbles, and a composer with attachments and a model picker.
AI Chat 02 - Composer
ai-chat-02
A standalone AI chat composer with file attachments (drag, drop, and paste), a model picker with effort levels and a thinking toggle, speech-to-text dictation, and a temporary-chat switch.
AI Chat 03 - Chat Shell
ai-chat-03
The frame around an AI chat: a collapsible sidebar with pinned and recent chats, rename and delete actions, a command-palette style search dialog, a workspace and account menu, and a topbar.
AI Chat 04 - Assistant Panel
ai-chat-04
A docked AI assistant panel that sits alongside your app content at desktop sizes and slides in as a sheet below the lg breakpoint: a header with chat history, new chat, and close actions, a welcome state with suggested prompts, a message thread, and a full composer with model and effort picker.
AI Chat 05 - Share Dialog
ai-chat-05
The sharing flow for an AI chat: a dialog with visibility options (private, team, or public link) and a copy-link row, ready to drop into any chat block.
AI Ops 01 - Cost Dashboard
ai-ops-01
An AI operations cost dashboard with KPI cards, a spend pace chart against budget, a provider mix breakdown, and a filterable cost activity table, perfect for monitoring model spend, token usage, and budget exceptions.
AI Ops 02 - System Health Dashboard
ai-ops-02
An AI operations dashboard featuring system health status, request and token KPIs, provider cost charts, weekly trends, and per-model latency and throughput metrics.
AI Ops 03 - Weighted Traffic Allocation
ai-ops-03
A weighted load-balancing console for AI operations. Adjust per-provider sliders, lock weights, and rebalance evenly or optimize for cost, backed by live blended cost and capacity metrics.
Announcement Bar 01 - Live Market Ticker
announcement-bar-01
A slim, infinitely scrolling announcement bar showing live stock and crypto tickers with price, change, and trend indicators, framed by soft edge fades and pausing on hover.
Announcement Bar 02 - Sale Bar with CTA
announcement-bar-02
A bold, dismissible announcement bar promoting a sitewide sale with an inline call-to-action pill and a close control, stacking gracefully on mobile.
Announcement Bar 03 - Product Update Bar
announcement-bar-03
A theme-aware announcement bar pairing a highlighted 'New' badge with a release note and a View Changelog pill, dismissible with a smooth collapse animation.
Announcement Bar 04 - Black Friday Countdown
announcement-bar-04
A dark, dismissible Black Friday bar pairing an amber call-to-action with a live NumberFlow countdown, stacked on mobile and evenly distributed on desktop.
Announcement Bar 05 - Weekend Sale Marquee
announcement-bar-05
A bold red announcement bar with a static tag icon and an infinitely scrolling marquee of weekend sale details, dismissible with a smooth collapse animation.
Bento Grid 01 - Customer Testimonials
bento-grid-01
Discover authentic feedback from satisfied customers who trust our components to build faster, streamline development workflows, and confidently launch scalable, production-ready applications.
Bento Grid 02 - Workspace Highlights
bento-grid-02
A workspace-focused bento layout pairing a desktop and mobile product preview with feature highlights for smart organization, real-time collaboration, and voice assistance.
Bento Grid 03 - Automation Platform
bento-grid-03
An automation-focused bento layout pairing a workflow canvas visual with feature highlights covering visual workflow building, AI intelligence, real-time execution, and tool integrations.
Bio Link 01 - Founder Bio Link
bio-link-01
A clean founder-focused bio links layout with profile image, quick access buttons, social links, and CTA section, perfect for showcasing products and updates.
Bio Link 02 - Speaker Bio Link
bio-link-02
A sleek speaker bio page with session booking, social links, featured video, and event schedule, designed to boost visibility, credibility, and audience connection.
Bio Link 03 - Fitness Link Hub
bio-link-03
A clean fitness bio link page with quick actions, social links, workout categories, and video content, designed to inspire daily movement and healthy routines.
Bio Link 04 - Portfolio Bio Link
bio-link-04
A modern creator portfolio link hub featuring profile info, social presence, product cards, and highlights, perfect for showcasing work, tools, and personal brand.
Blog 01 - Latest Blog & News Grid
blog-01
A modern blog section with featured posts, large thumbnails, publish dates, and headlines, ideal for sharing agency updates, design insights, and thought leadership to keep visitors engaged.
Blog 02 - Latest Articles
blog-02
A modern blog section designed to highlight recent articles, insights, and updates with structured cards—helping teams share knowledge, boost engagement, and establish thought leadership.
Blog 03 - Editorial Blog
blog-03
A clean editorial-style blog layout designed to showcase featured stories with balanced visuals and summaries, helping brands share expertise, inspire readers, and strengthen content presence.
Blog 04 - Insights Feed
blog-04
A dynamic blog layout highlighting featured insights alongside recent articles, designed to improve content discovery, boost readership, and position your brand as a reliable source.
Blog 05 - News Grid
blog-05
A modern blog grid crafted to showcase recent articles with engaging visuals and metadata, helping teams promote fresh content, improve discoverability, and keep audiences informed.
Blog 06 - Featured Blog
blog-06
A clean card-based blog section highlighting recent updates, insights, and resources to keep users informed with the latest content.
Blog 07 - Modern Architecture Blog
blog-07
A clean blog layout featuring design stories, ideas, and insights, helping users stay inspired and explore modern living in a simple way.
Blog 08 - Team Insights Blog
blog-08
A minimal blog layout featuring team experiences, collaboration tips, and work insights, helping users improve communication, stay productive, and work better together.
Blog 09 - Card-Style Blog Layout
blog-09
A clean card-based layout highlighting a main story with supporting articles, helping users discover content quickly and navigate through insights with ease.
Calendar 01 - Event Calendar
calendar-application-01
A full-featured event calendar with month, week, day, and agenda views, color-coded categories, recurring and multi-day events, drag-and-drop rescheduling, search, filters, and a quick add/edit event dialog.
Chart 01 - Sales Performance Bar Chart
chart-01
An interactive stacked bar chart displaying monthly earnings, profit, and expenses, ideal for admin dashboards to visualize financial trends, track growth, and support data-driven business decisions.
Chart 02 - Earnings Pie Chart - Donut with Text
chart-02
A clean donut chart widget summarizing total earnings with source-wise breakdown, perfect for admin dashboards to compare revenue streams, monitor growth, and highlight performance insights.
Chart 03 - Area Chart Gradeint - Yearly Sales Comparison
chart-03
A smooth line chart comparing this year versus last year sales with summary stats, ideal for dashboards to visualize performance trends and identify seasonal growth patterns quickly.
Chart 04 - Bar Chart - Weekly Sales
chart-04
A compact bar chart widget showing daily sales for the past week with trend indicator, perfect for dashboards to highlight short-term performance and spot high-activity days instantly.
Chart 05 - Bar Chart - Revenue vs Expenses
chart-05
A comparative bar chart showing daily revenue and expenses with profit trends, summary earnings stats, and monthly filters, ideal for dashboards tracking financial performance and cash flow.
Chart 06 - Line Chart - Sales & Profit Overview
chart-06
An interactive line chart displaying monthly sales and profit trends with highlighted data points and summary stats, ideal for dashboards analyzing growth patterns and overall business performance.
Chart 07 - Sales Comparison Area Chart
chart-07
An area chart showing monthly sales with online and offline breakdowns, year-over-year growth, ideal for dashboards tracking revenue trends and channel performance.
Chart 08 - Product Sales Performance Gauge Chart
chart-08
A semi-circle gauge chart displaying total product sales with category-wise contribution and bestseller highlight, ideal for dashboards monitoring product performance and monthly sales distribution.
Chart 09 - Pipeline Performance Radar Chart
chart-09
A radar chart comparing monthly lead conversion, opportunity win rate, and churn metrics, perfect for dashboards analyzing sales pipeline health, performance trends, and growth opportunities.
Chart 10 - Marketing Report Donut Chart
chart-10
A donut chart displaying traffic and acquisition sources including organic, referrals, and ads, useful for dashboards tracking channel contribution, campaign performance, and overall marketing growth.
Chart 11 - Profit & Expense Bar Chart
chart-11
A bar chart comparing monthly profit and expense values with yearly earnings summaries, ideal for dashboards monitoring financial performance, cost trends, and overall business profitability.
Chart 12 - Profit & Expense Bar Chart
chart-12
A bar chart comparing monthly profit and expense values with yearly earnings summaries, ideal for dashboards monitoring financial performance, cost trends, and overall business profitability.
Chart 13 - Product Sales Line Chart
chart-13
A line chart showing yearly product sales growth with customer increase indicators, suitable for dashboards analyzing long-term sales performance, demand trends, and customer acquisition progress.
Chart 14 - Total Settlements Area Chart
chart-14
An area chart showing settlement amounts over time with balance and withdrawal totals, optimal for dashboards tracking transactions, money flow, and overall account activity.
Chart 15 - Bar Chart - Revenue Forecast
chart-15
A bar chart comparing monthly revenue and profit forecasts across two years, ideal for dashboards tracking growth projections, financial performance trends, and future business planning.
Chart 16 - Revenue Forecast Line Chart
chart-16
A clean and modern line chart displaying revenue trends across multiple years, ideal for dashboards to compare performance, monitor growth, and analyze long-term business patterns.
Chart 17 - Revenue Updates Bar Chart
chart-17
A minimal bar chart showcasing monthly revenue comparisons across multiple years, perfect for dashboards to monitor trends, evaluate performance, and quickly identify growth or decline patterns
Chat 01 - Modern Chat User Interface
chat-application-01
A full-featured chat application shell with a searchable conversation list, message thread view, media and attachment sidebar, and a message composer, ideal for building messaging and support applications.
Chat Bubble 01 - Floating AI Assistant Widget
chat-bubble-01
A floating chat bubble widget for the corner of any page, with an interactive 3D mascot, a chat tab with composer and simulated replies, and a voice tab with a live call visualizer, mute, and end call controls.
Chat Bubble 02 - Assistant Widget with Chat, Bots & Search
chat-bubble-02
A floating assistant widget with an online teaser card, and an expanded panel with tabs for chatting with suggested prompts, picking an AI model, and searching help content.
Chat Bubble 03 - AI Assistant Panel
chat-bubble-03
A floating assistant widget with an auto-dismissing greeting toast, and an expanded panel with a home view of quick suggestions and a chat view that replies with topic-specific answers for invoices, orders, support, and recommendations.
Checkout 01 - Order Summary Checkout
checkout-01
A modern checkout interface combining streamlined shipping inputs, product summaries, pricing breakdowns, and action-focused buttons for effortless purchasing journeys.
Checkout 02 - Shipping Method Selection
checkout-02
A clean eCommerce checkout with selectable shipping options, structured order details, discount fields, and conversion-focused actions for simplified user journeys.
Checkout 03 - Tabbed Billing Checkout
checkout-03
A clean checkout interface with tab-based payment selection, subscription pricing details, and streamlined billing inputs for smooth transaction flows.
Compare 01 - Feature Comparison
compare-01
A side-by-side comparison section that highlights the time, effort, and quality differences between two development approaches, using headline stats, checklists, and a closing CTA.
Compare 02 - Platform Feature Matrix
compare-02
A structured comparison table contrasting Space against Freelancers and Traditional Agencies, featuring highlighted columns, badge tags, icon support, and a closing CTA card.
Contact 01 - Project Inquiry Contact Form
contact-01
A conversion focused contact section with project inquiry form, contact details, and trust badges, ideal for agencies or freelancers to capture qualified leads and start meaningful client conversations.
Contact 02 - Contact Me Form
contact-02
A clean contact section featuring an intuitive form with direct contact details and social links, designed to simplify communication and help visitors reach out effortlessly.
Contact 03 - Contact & Lead Form
contact-03
A conversion-focused contact section combining persuasive highlights with a streamlined form, designed to capture qualified leads, encourage inquiries, and make starting conversations simple and frictionless.
Contact 04 - Inquiry Form & Location
contact-04
A comprehensive contact section combining location details with a structured inquiry form, helping businesses build local trust, capture project requests, and streamline client communication.
Contact 05 - Real Estate Contact Form
contact-05
A real estate contact section pairing a property visual with contact details and a structured inquiry form, helping agents capture qualified leads and start client conversations with ease.
Contact 06 - Quote Request Form
contact-06
A dark quote request section that pairs a benefit-driven pitch with a structured estimate form, letting users pick a service and budget, share project details, and attach files in one flow.
Contact 07 - Real Estate Enquiry
contact-07
A dark real estate enquiry section that pairs a pitch column with an auto-scrolling testimonials carousel alongside a white registration form for capturing name, phone, email, and preferred unit configuration.
Cookie Consent 01 - Footer Consent Bar
cookie-consent-01
A minimal floating cookie consent banner with clear messaging, preference controls, and quick accept or reject actions.
Cookie Consent 02 - Cookie Settings Popup
cookie-consent-02
A structured consent layout that allows users to configure cookie categories while maintaining a seamless browsing experience.
Coupon 01 - Seasonal Coupon Offer Modal
coupon-01
A product-focused coupon modal with seasonal messaging, discount amount, promo code, copy action, offer expiry, and purchase conditions. Designed for limited-time campaigns and promotional popups.
Coupon 02 - Member Exclusive Discount Card
coupon-02
A promotional offer card featuring member-only messaging, seasonal discounts, copyable coupon code, countdown timer, free shipping, and return benefits to encourage faster purchases.
Coupon 03 - Product Launch Coupon Modal
coupon-03
A visual coupon modal built around a featured product launch with promotional imagery, discount percentage, campaign headline, and promo code. Ideal for new product drops and flash sale campaigns.
Coupon 04 - Flash Promotion Coupon Block
coupon-04
A split-layout promotional coupon with product imagery, countdown timer, discount offer, copyable promo code, and CTA button. Ideal for flash sales, seasonal campaigns, and limited-time ecommerce offers.
Coupon 05 - Product Spotlight Coupon Card
coupon-05
A centered product promotion card featuring a large product image, launch label, discount offer, promo code, and supporting copy. Perfect for new product launches and exclusive ecommerce deals.
CTA 01 - Gradient Call-to-Action Banner
cta-01
A minimal full width CTA section with soft gradient background, persuasive headline, and primary action button, perfect for converting visitors into leads at the end of any page.
CTA 02 - Video Background CTA
cta-02
A high impact call-to-action section with autoplay background video, bold overlay headline, primary button, and rotating ticker text, perfect for luxury brands or real estate to capture attention instantly.
CTA 03 - Conversion CTA
cta-03
A high-impact call-to-action section designed to drive engagement with compelling messaging, supportive visuals, and a clear primary button—encouraging users to take the next step confidently.
CTA 04 - Start Trial CTA
cta-04
A conversion-focused CTA section featuring trust signals, key benefits, and a prominent trial button—crafted to reduce friction, build confidence, and motivate users to get started quickly.
CTA 05 - Minimal CTA Section
cta-05
A sleek, minimal call-to-action section featuring bold typography and a single conversion button—perfect for capturing attention quickly and guiding users toward immediate engagement.
CTA 06 - Modern CTA Section
cta-06
A clean CTA section combining strong headline messaging with a focused action button—designed to drive engagement and platform adoption.
CTA 07 - Centered CTA Banner
cta-07
A centered call-to-action layout with bold headline, short supporting text, and single primary button—designed to drive quick decisions and conversions.
CTA 08 - Growth Focus CTA Section
cta-08
A visually rich CTA section with background imagery, bold headline, trust highlights, and dual buttons—designed to inspire growth and drive user action.
CTA 09 - Service Preview CTA
cta-09
A modern call-to-action layout with strong headline, actionable buttons, and real-world service previews—designed to inspire confidence and drive booking decisions.
CTA 10 - SaaS Conversion CTA
cta-10
A structured CTA section with interface preview, concise messaging, and strong call-to-action—crafted to boost conversions and highlight real product value instantly.
CTA 11 - Choice-Based CTA
cta-11
A modern CTA layout offering two distinct choices with supporting content and actions—crafted to help users choose their preferred learning experience
CTA 12 - Gallery Style CTA
cta-12
A conversion-focused CTA with centered messaging and layered visual gallery—crafted to showcase possibilities and drive users toward taking the next step.
CTA 13 - Social Proof CTA
cta-13
A conversion-focused CTA combining headline clarity, user avatars, and adoption metrics designed to validate product demand and drive user engagement
CTA 14 - Card-Based CTA Section
cta-14
A card layout with clear CTAs for each resource type designed to drive user interaction and help users take the next step without confusion
CTA 15 - Side-by-Side CTA Cards
cta-15
A minimal dual-card layout with strong headings and clear actions designed to reduce distractions and help users quickly choose their next step
Dashboard Shell 01 - Analytics Dashboard Shell
dashboard-shell-01
A full featured admin dashboard layout with sidebar navigation, KPI cards, charts, tables, and widgets, perfect for building modern SaaS, CRM, or business analytics applications.
Dashboard Shell 02 - CRM Dashboard Shell
dashboard-shell-02
A complete CRM dashboard layout featuring sales metrics, campaign tracking, project management, activity feeds, and best-selling products, ideal for managing customers, marketing performance, and team workflows.
Dashboard Shell 03 - Modern Dashboard Shell
dashboard-shell-03
A modern dashboard shell with a sidebar and header, ideal for admin dashboards to organize and navigate through different sections.
Dashboard Shell 04 - eCommerce Dashboard Shell
dashboard-shell-04
A comprehensive eCommerce dashboard layout featuring revenue insights, sales performance charts, customer statistics, product analytics, order tracking, payment summaries, and review sections, ideal for online store operations and business growth.
Dashboard Shell 05 - Analytics Dashboard Shell
dashboard-shell-05
A comprehensive analytics dashboard layout featuring a greeting report banner, key insights with revenue data, website visit charts, customer segmentation pie chart, product action cards, campaign performance tracking, and a top-selling products data table, ideal for data-driven business operations.
Dashboard Shell 06 - Insights Dashboard Shell
dashboard-shell-06
A comprehensive analytics dashboard layout featuring key statistics, a revenue update chart, monthly earnings and yearly breakup widgets, weekly stats, sales downloads, recent transactions, a top-selling projects data table, and a sales-by-country widget, ideal for data-driven business operations.
Dashboard Shell 07 - CRM Dashboard Shell
dashboard-shell-07
A CRM-focused dashboard layout featuring customer and lead action cards, a revenue overview chart, a revenue sources breakdown, a sales funnel widget, lead sources, weekly sales, a top campaigns data table, and a recent events timeline, ideal for sales and customer relationship tracking.
Datatable 01 - Exportable Datatable
datatable-01
A full-featured datatable/tanstack table with built-in one-click CSV export, letting users instantly download the current view as a spreadsheet — ideal for reporting dashboards and data-heavy admin panels.
Datatable 02 - Dense Table
datatable-02
A compact, information-dense datatable/tanstack table layout with reduced row height and tight spacing, optimized for displaying large datasets in a minimal footprint without sacrificing readability.
Datatable 03 - Sorting Table
datatable-03
A sorting-focused datatable/tanstack table that enables single and multi-column sorting with clear visual indicators, helping users quickly order and analyze tabular data by any field.
Datatable 04 - Filter Table
datatable-04
An advanced filtering datatable/tanstack table with column-level filter inputs and global search, allowing users to slice through large datasets and surface only the rows that matter.
Datatable 05 - Paginated Table
datatable-05
A paginated datatable/tanstack table with configurable page size, page navigation controls, and row count summaries — perfect for managing large record sets without overwhelming the UI.
Datatable 06 - Row Select Table
datatable-06
A row-selection datatable/tanstack table with checkbox controls for individual and bulk selection, enabling batch actions such as delete, export, or status updates across multiple records at once.
Datatable 07 - Column Visibility Table
datatable-07
A column-visibility datatable/tanstack table with a toggle panel that lets users show or hide individual columns on demand, making it easy to tailor the view to their specific workflow.
Datatable 08 - Editable Table
datatable-08
An inline-editable datatable/tanstack table where users can click any cell to modify values directly in the table, with support for text, select, and numeric inputs — no modal required.
Datatable 09 - Sticky Table
datatable-09
A sticky-header datatable/tanstack table that keeps column headers fixed as users scroll vertically, providing persistent context across long lists — ideal for wide tables with many rows.
Datatable 10 - Column Drag and Drop Table
datatable-10
A drag-and-drop Column reordering datatable/tanstack table that lets users intuitively rearrange columns by dragging, with smooth animations and automatic order persistence on drop.
Datatable 11 - Row Drag and Drop Table
datatable-11
A column drag-and-drop datatable/tanstack table that enables users to reorder columns by dragging headers left or right, making it simple to prioritize the most relevant data fields.
Datatable 12 - Expandable Table
datatable-12
An expanding row datatable/tanstack table where each row can be toggled to reveal nested detail content below it, great for showing related records or additional metadata without leaving the table context.
Datatable 13 - Advanced User Table
datatable-13
An advanced user management datatable/tanstack table featuring search, status filtering, sortable columns, row selection, and per-row actions for teams managing large user lists.
Dialog 01 - Newsletter Subscription Dialog
dialog-block-01
A modern modal popup for capturing newsletter signups with a friendly hero image, email field, opt-out checkbox, and clear call-to-action to boost conversions.
Dialog 02 - Sign Up Dialog
dialog-block-02
A modern sign up dialog with a branded left panel featuring key benefits and a right-side form with social login, name, email, password fields, and terms acceptance.
Dialog 03 - Sign In Dialog
dialog-block-03
A modern sign in dialog with a branded left panel featuring key benefits and a right-side form with social login, email, and password fields.
Dialog 04 - Invite Dialog
dialog-block-04
A collaborative invite dialog featuring a scrollable team member list with role management, quick copy-link functionality, and an email invitation form.
Dialog 05 - Refer and Earn Dialog
dialog-block-05
A premium refer-and-earn dialog featuring an animated referral code box with one-click copy, a redeem input, and clearly highlighted mutual rewards.
Dialog 06 - Terms and Conditions Dialog
dialog-block-06
A clean terms and conditions dialog with a scrollable content area covering key policy sections, an agreement checkbox, and Accept & Decline actions.
Dialog 07 - Feedback Dialog
dialog-block-07
An interactive feedback dialog with a 5-star rating, multi-select category tags, and an optional message textarea - with a thank-you confirmation state on submit.
Download 01 - Multi-Platform Download Grid
download-01
A structured platform showcase featuring dedicated download cards for every device, helping users quickly access applications and extensions.
Download 02 - Application Download Section
download-02
A sleek software download section highlighting supported platforms, product screenshots, and fast access to the latest releases.
Download 03 - App Download with Phone Preview
download-03
A split-layout download section with a bold headline, App Store and Play Store cards, a QR code card, and an animated phone mockup preview on the right.
Email 01 - Inbox Application Shell
email-application-01
A complete email application shell with folder navigation, a searchable and filterable inbox list, star and important flags, category labels, attachments, and a full email reading and compose experience.
Empty State 01 - No Projects Yet
empty-state-01
A compact, bordered card empty state with a folder icon, heading, description, and a single primary call-to-action, ideal for project lists and dashboards before anything has been created.
Empty State 02 - Invite Your Team
empty-state-02
A centered empty state with a custom illustration, heading, description, and two calls-to-action for inviting teammates or copying a shareable invite link, complete with an animated copy confirmation.
Empty State 03 - No Data Yet
empty-state-03
A clean, centered empty state with a layered card illustration, heading, description, and two calls-to-action, ideal for tables, lists, and dashboards before any records exist.
Empty State 04 - Split Panel with Preview
empty-state-04
A split-panel empty state pairing a heading, description, and two calls-to-action on the left with an empty preview surface on the right, ideal for reports, charts, and workspace views before data is added.
Empty State 05 - No Search Matches
empty-state-05
A clean, card-based search empty state containing a query search input and secondary reset actions. Encourages refining queries or returning to all items.
Empty State 06 - Chart Data Empty State
empty-state-06
A simple card-based empty state with a chart-themed icon, title, description, and primary connection CTA button, perfect for dashboards before metric data sources are connected.
FAQ 01 - Expandable FAQ Section
faq-01
A clean accordion style FAQ section with expandable answers, ideal for agencies or SaaS sites to address common questions, reduce friction, and improve user confidence before conversion.
FAQ 02 - FAQ Section with Image
faq-02
A structured FAQ section designed to address common questions with clarity, reduce support requests, and help users make informed decisions through accessible, well-organized information.
FAQ 03 - FAQ with Insights
faq-03
A comprehensive FAQ section paired with credibility metrics, designed to answer key questions, reinforce trust, and provide users with quick clarity before making decisions.
FAQ 04 - Support FAQ
faq-04
A modern FAQ layout featuring structured questions alongside a support card, designed to provide quick answers, encourage direct contact, and enhance user confidence throughout their journey.
FAQ 05 - Minimal FAQ
faq-05
A modern FAQ layout featuring clear questions and expandable answers, helping users resolve common concerns and move forward with confidence.
FAQ 06 - Tabbed FAQ Section
faq-06
A structured FAQ section with category tabs and expandable answers, helping users quickly explore key topics and understand services through organized, easy-to-scan information.
FAQ 07 - FAQ with Help Card
faq-07
A modern FAQ section with categorized tabs and an integrated help card, helping users find answers quickly while offering direct access to support.
Feature 01 - Feature with Testimonials
feature-01
A trust focused feature section combining a highlighted customer testimonial with supporting benefit cards, perfect for product or SaaS pages to showcase social proof and reinforce key advantages.
Feature 02 - Three Columns Feature with Icons
feature-02
A clean three card feature grid with icons and concise copy, built for product or SaaS pages to communicate core benefits clearly while maintaining a developer friendly, scalable layout.
Feature 03 - Split Feature Showcase
feature-03
A modern split layout feature section with visual focus, headline, and icon based benefit cards, perfect for SaaS, agencies, and startups to highlight key offerings and build trust fast.
Feature 04 - Team Collaboration Feature
feature-04
A people centric feature section combining engaging team imagery, benefit cards, and a strong CTA, ideal for SaaS or agencies to showcase collaboration, innovation, and real-world impact.
Feature 05 - Visual Feature Highlight
feature-05
A bold hero style feature section with floating stats, social proof, and primary CTA, perfect for SaaS or startups to communicate innovation, credibility, and performance at first glance.
Feature 06 - Impact Stats Feature
feature-06
A split-layout feature section combining storytelling imagery, persuasive copy, strong CTA, and growth metrics, ideal for agencies or SaaS brands to showcase credibility, scale, and results.
Feature 07 - Performance-Focused Feature Section
feature-07
Highlight powerful platform capabilities with an interactive feature section designed to showcase reporting, automation, and integrations while reinforcing scalability, clarity, and data-driven decision making.
Feature 08 - Core Advantages Feature Section
feature-08
Showcase the platform's strongest benefits with a modern feature layout that emphasizes collaboration, operational clarity, and measurable outcomes—helping teams move faster and make smarter decisions.
Feature 09 - Crypto App Features Section
feature-09
Highlight powerful crypto-ready features with a sleek layout designed for trading platforms, blockchain products, and digital assets—built to accelerate launches and enhance financial user experiences.
Feature 10 - Multi-Option Crypto Experience Section
feature-10
Showcase a powerful crypto application designed for flexibility—plan, prototype, refine, and scale with ease while enabling seamless buying, selling, and portfolio management in one platform.
Feature 11 - Crypto Portfolio Builder Section
feature-11
Highlight a modern crypto platform that empowers users to build, manage, and secure their portfolios with confidence—featuring mobile access, vault protection, and seamless asset tracking.
Feature 12 - Developer Experience Features Section
feature-12
Showcase a developer-first toolkit designed for speed and flexibility—combining Tailwind styling, MDX support, and preconfigured essentials to help teams build, customize, and launch faster.
Feature 13 - AI Workflow feature Section
feature-13
A modern process-driven feature section highlighting AI-powered workflows, performance insights, and automation opportunities, ideal for SaaS platforms streamlining operations and accelerating growth.
Feature 14 - Team Workflow feature Section
feature-14
A modern workflow section highlighting team collaboration, task management, and project coordination, ideal for platforms helping teams organize work and deliver faster.
Feature 15 - AI Platform Features Section
feature-15
A modern feature section showcasing performance dashboards, reporting tools, and operational insights, ideal for platforms helping teams monitor growth and optimize workflows.
Feature 16 - Creative Studio Feature Section
feature-16
A modern feature section highlighting creative teamwork, production planning, and visual storytelling workflows designed to help studios craft impactful video experiences for brands.
Feature 17 - Video Agency Feature Section
feature-17
A creative feature section showcasing cinematic storytelling, collaborative production workflows, and brand-focused video creation, ideal for studios presenting their creative capabilities and production expertise.
Feature 18 - AI Startups Solutions Feature Section
feature-18
A startup-focused section combining product visuals, performance metrics, and conversion insights, designed to showcase how teams design, launch, and grow AI-powered platforms.
Feature 19 - AI Startups Solutions Feature Section
feature-19
A startup-focused section combining product visuals, performance metrics, and conversion insights, designed to showcase how teams design, launch, and grow AI-powered platforms.
Feature 20 - Card-Based Feature Section
feature-20
A clean feature section showcasing organized layers of content with supporting visuals, built to simplify complex interfaces and improve user understanding.
Feature 21 - Strategy Feature Section
feature-21
A clean feature section focused on planning, efficiency, and actionable insights, designed to help businesses streamline operations and achieve long-term success.
Feature 22 - Two-Row grid feature section
feature-22
A modern two-row grid feature section with six cards, designed to highlight multiple features while maintaining visual hierarchy and readability.
Feature 23 - Educational Platform Feature Section
feature-23
A thoughtfully designed feature section presenting layered learning, connected ideas, and visual storytelling designed to help users explore knowledge and build deeper understanding effortlessly.
Feature 24 - AI Product Feature Section
feature-24
A balanced layout combining engaging visuals and structured content to showcase scalable AI solutions, helping modern teams streamline workflows and drive smarter business decisions.
Feature 25 - Signature Spaces Grid
feature-25
A centred header with a 2-column image grid showcasing four signature community spaces - pool, walking passage, multipurpose court, and club house - each with a hover zoom and descriptive copy.
Feature 26 - Amenities Icon Grid
feature-26
A centred header above an 18-item icon grid displaying community amenities - gym, kids' play area, pet park, golf area, and more - with staggered entrance animations and hover underline accents.
Feature 27 - Floor Plan Explorer
feature-27
A tabbed floor plan section with an animated line indicator, showing a plan image alongside a spec table, key highlights, pricing, and a request CTA - covering 4 BHK, duplex, 5 BHK, and penthouse configurations.
Footer 01 - Agency Footer Layout
footer-01
A clean multi column footer with brand summary, sitemap links, legal pages, contact details, and social icons, perfect for agencies to provide clarity, trust, and easy navigation.
Footer 02 - Dark Conversion Footer
footer-02
A bold dark themed footer with newsletter signup, strong contact CTA, navigation links, and legal pages, ideal for real estate or SaaS websites to drive engagement at the page end.
Footer 03 - Footer with Newsletter
footer-03
A modern footer combining quick navigation, policy links, and a newsletter signup, designed to improve accessibility, encourage subscriptions, and provide a polished closing experience.
Footer 04 - Multi-Column Mega Footer
footer-04
A structured mega footer with categorized links, service listings, social connections, and newsletter signup—helping users navigate faster, discover resources easily, and stay engaged beyond the page.
Footer 05 - Minimal Navigation Footer
footer-05
A clean, minimal footer featuring essential navigation links, brand identity, and copyright details—designed to provide quick access while maintaining a polished and distraction-free layout.
Footer 06 - Creative Contact Footer
footer-06
A bold, conversion-focused footer that highlights your contact details, personal brand, and social presence—encouraging visitors to connect, collaborate, and turn ideas into extraordinary digital experiences.
Footer 07 - SaaS Footer with Nav Columns
footer-07
A clean SaaS footer with a logo and social icons column, three grouped nav link columns (Platform, Solutions, Resources), a separator, a legal links and copyright bar, and a large decorative wordmark subfooter.
Forgot Password 01 - Forgot Your Password Page
forgot-password-01
A minimal password recovery page that lets users request a secure reset link via email, helping reduce friction and support issues in authentication flows.
Forgot Password 02 - Dashboard Recovery Page
forgot-password-02
A modern split-screen password recovery page featuring a clean email input form alongside a live admin dashboard preview to reinforce trust and platform credibility.
Forgot Password 03 - Minimal Account Password Reset
forgot-password-03
A clean split-screen password recovery page featuring streamlined email verification alongside a bold abstract visual, delivering clarity, reassurance, and a distraction-free reset experience.
Forgot Password 04 - Animated Gradient Password Reset
forgot-password-04
A sleek password reset interface combining secure email input with a dynamic animated light effect, creating a visually engaging and confident recovery journey.
Forgot Password 05 -Team-Centric Reset Page
forgot-password-05
A modern password reset interface displayed alongside a vibrant team environment, blending secure account recovery with a welcoming and professional atmosphere.
Forgot Password 06 - Modern Account Recovery
forgot-password-06
A sleek password recovery layout featuring a prominent email input and strong primary button, designed to create a confident, streamlined, and user-friendly reset flow.
Forms 01 - Edit Profile Form
forms-01
A user-friendly profile editing form with avatar upload, personal details, privacy controls, and action toggles, perfect for managing account information inside modern SaaS dashboards.
Forms 02 - User Profile Form
forms-02
A user-friendly form with personal details, workspace details, and network details for managing account information.
Forms 03 - Multi-Step Onboarding Form
forms-03
A premium multi-step onboarding form with smooth transitions, progress indicators, and specialized steps for capturing user information progressively.
Forms 04 - Advanced Settings Sidebar Layout
forms-04
A professional settings layout featuring vertical navigation, category-based sections, and a clean interface for managing complex application preferences.
Forms 05 - E-commerce Checkout Form
forms-05
A 4-step e-commerce checkout flow containing shipping details, delivery options, promo codes, and payment methods with an active order summary.
Forms 06 - Typeform-Style Onboarding
forms-06
A minimal, single-question-at-a-time onboarding flow with segmented step progress, animated transitions, and a friendly success screen.
Forms 07 - Customer Support Intake
forms-07
A guided support-request intake with single-select options for issue category, urgency, and affected product area, ending in an email capture step, complete with animated transitions and a summary success screen.
Frequently Bought Together 01 - Bundle Builder
frequently-bought-together-01
A product bundle upsell block with selectable product cards, star ratings, and a live-updating summary panel showing subtotal, bundle discount, and total. Ideal for increasing cart value.
Frequently Bought Together 02 - Curated Pairings
frequently-bought-together-02
A bundle upsell block pairing a hero lifestyle image with a selectable item list, live savings badge, and a bundle checkout button, plus a 'You Might Also Love' recommendation grid.
Gallery 01 - Destination Gallery
gallery-01
Discover breathtaking locations and unforgettable experiences, from scenic hikes to coastal escapes—carefully curated to inspire your next journey and help you explore with confidence.
Gallery 02 - Featured Gallery
gallery-02
Browse expert-led masterclasses gallery designed to elevate your skills, gain practical insights, and learn from industry leaders through immersive sessions tailored for modern professionals.
Gallery 03 - Property Showcase
gallery-03
Showcase premium real estate listings with visually rich property cards, helping users explore villas, apartments, and modern spaces while making discovery faster, engaging, and decision-friendly.
Gallery 04 - Creator Gallery
gallery-04
Featuring a vibrant mix of individuals, this collection highlights creativity, authenticity, and the human stories behind modern products, ideas, and experiences.
Gallery 05 - Architecture Showcase
gallery-05
Showcase premium real estate listings with visually rich property cards, helping users explore villas, apartments, and modern spaces while making discovery faster, engaging, and decision-friendly.
Hero 01 - Agency Hero Section
hero-01
Clean agency hero section designed for SaaS and startup websites, featuring bold headline, gradient background, trust badges, client logos, and high converting CTAs for lead generation.
Hero 02 - Real Estate Hero Section
hero-02
Luxury real estate hero section crafted for property listings, featuring immersive imagery, location highlight, key amenities, pricing details, and prominent Schedule a tour CTA for faster inquiries.
Hero 03 - Digital Agency Hero Section
hero-03
High-impact digital agency hero section with cinematic background video, bold typography, brand driven headline, and clear CTA, perfect for creative studios and performance-focused marketing websites.
Hero 04 - Portfolio Hero Section
hero-04
Modern portfolio hero section built for designers and developers, featuring bold typography, availability badge, clear CTAs, and responsive layout, perfect for personal brand websites and UI/UX portfolios.
Hero 05 - Crypto Hero Section
hero-05
Modern crypto exchange hero section designed for fintech startups, featuring dark UI, beautiful graphic, trust signals, and conversion focused CTAs for secure trading platforms.
Hero 06 - Personal Portfolio Hero Section
hero-06
Personal portfolio hero section built for designers and developers, featuring availability badge, intro headline, social links, project CTA, and client logos to showcase credibility and drive hiring.
Hero 07 - SaaS Hero Section
hero-07
A bold, conversion-focused hero section designed for SaaS products, featuring a strong headline, announcement badge, supporting copy, dual CTAs, and a product preview to instantly capture attention.
Hero 08 - Education Hero Section
hero-08
A modern hero section crafted for education platforms, featuring a powerful headline, trust badge, clear CTAs, and instructor-led course previews to inspire learners and drive enrollments quickly.
Hero 09 - Cleaning Services Hero Section
hero-09
A conversion-focused hero section designed for service businesses, featuring trust indicators, bold messaging, strong CTAs, and lifestyle imagery to instantly communicate reliability, professionalism, and customer confidence.
Hero 10 - Engineering Courses Hero Section
hero-10
A modern education-focused hero section built to showcase technical courses, highlight learner trust, display ratings, and guide users toward personalized learning paths with a clear action.
Hero 11 - AI Analytics Hero Section
hero-11
A bold, dark-themed hero section designed for AI and analytics platforms, highlighting real-time insights, smart decision-making, and driving engagement with strong calls-to-action and product preview visuals.
Hero 12 - SaaS Agency Hero Section
hero-12
A modern, high-impact hero section tailored for SaaS agencies to showcase expertise, promote services, and drive conversions with strong messaging, clear CTAs, and product-focused visuals.
Hero 13 - Creative Studio Hero
hero-13
A striking hero section designed to capture attention instantly—combining bold messaging, immersive visuals, and clear calls-to-action to position your studio as a leader in modern design.
Hero 14 - Health & Medical Hero Section
hero-14
A dynamic hero section featuring a background video that captures attention instantly, communicates your brand story with impact, and guides visitors toward meaningful action.
Hero 15 - AI Startup Hero Section
hero-15
A bold, dark-themed hero section designed to highlight trusted real agents, strategic partnerships, and clear calls-to-action that guide organizations toward confident decision-making.
Hero 16 - Modern AI Business Hero Section
hero-16
A professional hero section crafted for enterprise AI businesses, featuring scalable solutions, real-time intelligence, and clear calls-to-action that inspire confidence.
Hero 17 - Consulting Hero Section
hero-17
A modern, high-impact hero section showcasing business expertise, growth metrics, and collaborative visuals to build credibility and drive meaningful client engagement.
Hero 18 - AI SaaS Product Hero Section
hero-18
A modern SaaS hero section highlighting AI-driven product capabilities with clear messaging, primary actions, feature navigation, and product preview—designed to communicate value and drive conversions quickly.
Hero 19 - Developer Portfolio Hero Section
hero-19
A personal portfolio hero section introducing the developer with a strong headline, profile visual, key achievements, and call-to-action—designed to showcase expertise and attract potential clients.
Hero 20 - SaaS Dashboard Hero Section
hero-20
A modern SaaS hero section showcasing an intuitive dashboard, highlighting real-time analytics, key metrics, and actionable insights to simplify decisions and drive growth.
Hero 21 - Product Showcase Hero Section
hero-21
A modern hero section highlighting key features, real user feedback, and intuitive design—crafted to position your product and increase conversions.
Hero 22 - Creator Growth Hero Section
hero-22
A modern hero section designed for creator platforms, featuring strong social proof, engaging user visuals, and clear messaging to highlight growth tools and drive sign-ups.
Hero 23 - AI Coding Model Hero section
hero-23
A clean hero section highlighting AI-powered coding tools, workflow automation, and real-time dashboards, designed to help developers build faster and scale with confidence.
Hero 24 - Workspace Hero Section
hero-24
A clean dashboard hero section featuring a centralized workspace, live analytics, and workflow management tools, designed to help teams stay organized and work faster.
Hero 25 - SaaS Product Hero Section
hero-25
A modern SaaS hero section combining bold messaging, product positioning, trust indicators, and key metrics, designed to quickly communicate value and guide users toward primary actions.
Hero 26 - Creative Agency Hero Section
hero-26
A minimal hero section combining expressive visuals, clean layouts, and focused messaging—crafted to showcase creativity, build brand presence, and capture attention instantly.
Hero 27 - AI Platform Hero Section
hero-27
A modern SaaS hero section combining bold messaging, product positioning, trust indicators, and key metrics, designed to quickly communicate value and guide users toward primary actions.
Hero 28 - Precision Genomics Hero Section
hero-28
A clean hero section with a background video, glass-style cards, and animated stats that create a modern scientific look. A sticky navbar keeps navigation simple as you scroll.
Hero 29 - Creative Agency Hero Section
hero-29
A bold hero section with a looping background video, oversized typography, and a transparent navbar. The mobile menu slides in smoothly for a clean browsing experience.
Hero 30 - Waitlist Hero Section
hero-30
A cinematic hero section with a looping video background, bold two-line headline, and a waitlist email-capture pill, designed to build anticipation and collect early signups.
Hero 31 - Travel & Destination Hero Section
hero-31
A travel hero section with a looping scenic video background, bold headline, and a location search bar, ideal for travel, hospitality, and destination discovery landing pages.
Hero 32 - AI SaaS Hero Section
hero-32
A polished hero section with a looping background video, an animated navbar, and a product dashboard preview. Smooth interactions help showcase your product from the start.
Hero 33 - Real Estate Hero Section
hero-33
A full-bleed real estate hero section with a looping background video, a frosted-glass navbar with contact details, and a two-column headline layout.
Hero 34 - Category Spotlight Hero
hero-34
An interactive category spotlight hero with a giant background headline, floating 3D characters, and a frosted glass info panel. Browse kids, men, and women collections with smooth crossfade transitions.
Hero 35 - AI Reasoning Hero
hero-35
An AI-product hero section with a soft aurora gradient backdrop, a bold headline, and a chat-style prompt card featuring a model selector, voice input, and workspace integration shortcuts.
Hero 36 - Luxury Real Estate Hero
hero-36
A modern real-estate hero section with a cinematic city backdrop, bold headline, CTA buttons, and a sleek property details card showcasing key project information.
Integration 01 - Unified Integrations
integration-01
Seamlessly connect your favorite tools and APIs to automate workflows, centralize data, and enhance productivity — giving developers the flexibility to build faster and scale efficiently.
Integration 02 - Smart Integrations
integration-02
Easily integrate with popular tools your team already uses to streamline workflows, reduce manual effort, and create a connected ecosystem that improves collaboration and accelerates development.
Integration 03 - Advanced Integrations
integration-03
Connect powerful tools into one intelligent ecosystem to automate workflows, simplify operations, and help teams work smarter with scalable integrations built for modern products.
Integration 04 - Enterprise Integrations
integration-04
Securely connect your entire technology stack with enterprise-grade integrations that enhance data flow, improve reliability, and give teams the flexibility to scale without operational complexity.
Integration 05 - Apps to Automated Actions
integration-05
A wiring-diagram style integration section that maps connected apps through a central hub into automated actions, showing at a glance how tools sync data and trigger workflows.
Kanban 01 - Simple Task Board
kanban-application-01
A complete drag-and-drop kanban board with To Do, In Progress, and Done columns, task creation, deletion, and reordering across columns.
Kanban 02 - Task Management Board
kanban-application-02
A color-coded drag-and-drop kanban board with To do, In Progress, and Done columns, task dates, assignee avatars, and a task dialog for creating and editing tasks with a message, due date/time, and assignee.
Login 01 - Developer-Friendly Login Page
login-01
A clean, secure login page with Google and GitHub authentication, remember-me support, and password recovery, built for modern SaaS products using shadcn UI.
Login 02-Dashboard Preview Login
login-02
A modern split login page featuring a clean authentication form alongside a dynamic admin dashboard preview, building trust while giving users a quick glimpse into the platform experience.
Login 03 - Visual Split Login
login-03
A clean split-layout login page combining immersive visuals with secure credential and social sign-in options, crafted to enhance brand presence while ensuring a fast, intuitive authentication experience.
Login 04 - Creative Animated Login
login-04
A modern login layout featuring social authentication, secure credential fields, and a bold visual panel—designed to elevate brand identity while delivering a smooth, distraction-free sign-in experience.
Login 05- Split Workspace Login
login-05
A clean split-screen login page combining a minimal authentication form with an engaging workspace visual, helping teams sign in quickly while reinforcing collaboration, productivity, and brand trust.
Login 06 - Split Authentication Login
login-06
A modern split-screen login page featuring credential inputs and social authentication options, designed to streamline access, enhance security, and deliver a smooth onboarding experience for users.
Login 07 - Video Background Split Login
login-07
A split-screen login page pairing a looping video background with a scrolling testimonial marquee and trusted-brand logos against a clean credentials form, built to build trust while keeping sign-in effortless.
Logo Cloud 01 - Trusted by Leading Companies
logo-cloud-01
A clean logo collection highlighting affiliated brands and integrations, designed to build credibility, reinforce partnerships, and visually communicate trust within modern product or SaaS interfaces.
Logo Cloud 02 - Powered by Trusted Collaborations
logo-cloud-02
Join the growing network of forward-thinking brands that partner with us. Our collaborations reflect a commitment to quality, innovation, and delivering exceptional results every time.
Logo Cloud 03 - Trusted by Leaders
logo-cloud-03
From ambitious startups to global enterprises, leading brands trust our expertise to deliver impactful solutions, foster innovation, and build long-term partnerships that drive measurable success.
Logo Cloud 04 - Trusted by Leading Brands
logo-cloud-04
Partnering with innovative companies worldwide, we deliver solutions that empower growth, inspire confidence, and create lasting business impact.
Logo Cloud 05 - Trusted by Industry Leaders
logo-cloud-05
Showcase the brands that rely on your expertise. This logo cloud builds instant credibility, reinforces trust, and highlights the strong partnerships powering your success.
Logo Cloud 06 - Trusted by Leading Teams
logo-cloud-06
A minimal logo grid showcasing leading companies, designed to build credibility, emphasize partnerships, and communicate real-world impact across modern digital products
Logo Cloud 07 - Worked with Top Companies
logo-cloud-07
A clean logo grid displaying top companies, crafted to establish credibility, highlight relationships, and demonstrate real-world impact across modern product experiences
Logo Cloud 08 - Trusted Insurance Partnerships
logo-cloud-08
A side-by-side header paired with a responsive, animated logo grid, designed to highlight trusted partners and reinforce credibility across services.
Navbar 01 - Minimal Agency Navbar
navbar-01
A clean top navigation bar with logo, page links, and standout CTA button, ideal for agency or SaaS websites to guide users and drive collaboration effortlessly.
Navbar 02 - Modern SaaS Menu
navbar-02
A structured navigation layout with categorized features and use cases, interactive icons, and clear links, designed for AI or SaaS platforms to help users explore tools and integrations effortlessly.
Navbar 03 - Modern Healthcare NavBar
navbar-03
A structured navigation bar with a detailed services dropdown, medical categories, and clear contact options, designed to help patients quickly find care and book appointments with ease.
Navbar 04 - Structured SaaS Navigation Menu
navbar-04
A clean multi-column navigation layout with categorized features, organized content links, and a highlighted guide panel, designed to improve product discovery and streamline user navigation effortlessly.
Navbar 05 - Comprehensive Resources Menu
navbar-05
A structured dropdown layout with documentation, tutorials, community access, webinars, and release notes, designed to centralize learning resources and simplify product exploration for users.
Navbar 06 - Advanced Resources Navbar
navbar-06
A structured dropdown layout highlighting branding controls, data export, API access, and system alerts, designed to showcase platform capabilities and improve user exploration.
Navbar 07 - Feature-Rich Navbar
navbar-07
A clean and categorized dropdown menu with automation tools, partnerships, analytics, and resource libraries, designed to simplify navigation and improve overall product accessibility.
Navbar 08 - Minimal Services Menu
navbar-08
A clean navigation bar with a services dropdown, contact details, and a clear call-to-action button designed to showcase offerings and attract clients.
Navbar 09 - Minimal Developer Navbar
navbar-09
A minimal navigation layout with clear links to projects, experience, and contact—crafted to highlight skills, improve usability, and create a smooth browsing experience.
Navbar 10 - Creator Platform Navigation
navbar-10
A clean sidebar navigation menu with essential links, social icons, and a strong call-to-action—designed to help creators navigate easily, showcase work, and grow consistently.
Navbar 11 - Boxed Navbar Layout
navbar-11
A clean boxed navigation bar with structured links, clear hierarchy, and strong call-to-action—designed to improve usability and guide users across modern interfaces.
Navbar 12 - Ecommerce Mega Menu Navbar
navbar-12
An ecommerce navbar with a compact icon-only utility row for cart, wishlist, and account, plus a horizontal category bar where each link opens a multi-column mega menu.
Newsletter 01 - Newsletter Subscription CTA
newsletter-01
A minimal newsletter signup section with bold headline, social-proof subtext, and inline email form, ideal for capturing leads and growing your audience with a frictionless experience.
Newsletter 02 - Newsletter Signup
newsletter-02
A visually engaging newsletter section crafted to grow your audience, combining category highlights with a simple signup form to encourage subscriptions and keep users informed.
Newsletter 03 - Community Circle Subscribe
newsletter-03
An animated newsletter section framed by floating community avatars, pairing an inviting headline with a simple email signup and social proof to grow subscriptions.
Newsletter 04 - Minimal Split Subscribe
newsletter-04
A clean, minimal newsletter section pairing a headline and short note on the left with a compact email signup form on the right, set against an animated backdrop of falling light beams that spark on collision, wrapped in subtle micro-animations.
Newsletter 05 - Split Panel Subscribe
newsletter-05
A split-layout newsletter section pairing a headline, short note, inline signup form, and reader social proof with a decorative dotted panel where a mail icon floats among orbiting notification icons and rotating rings for a subtle micro-animated feel.
Note 01 - Personal Notes Dashboard
note-application-01
A complete note-taking application shell featuring a searchable notes list, dynamic note creation with customizable colors, a delete option, and a note content editor.
Portfolio 01 - Clean Portfolio Grid
portfolio-01
A modern portfolio section displaying featured projects with tags, visuals, and categories, ideal for agencies or freelancers to showcase real-world transformations, expertise, and design impact.
Portfolio 02 - Featured Project Portfolio
portfolio-02
A clean portfolio section designed to highlight standout projects with strong visuals and concise details, helping teams showcase expertise, demonstrate capabilities, and build credibility with potential clients.
Portfolio 03 - Project Gallery
portfolio-03
A structured portfolio grid that showcases multiple projects with clear visuals and labels, enabling teams to present diverse work, highlight specialization, and create a strong professional impression.
Portfolio 04 - Product / Portfolio Showcase
portfolio-04
A dynamic portfolio layout crafted to highlight real-world products with immersive visuals and context, helping teams demonstrate practical impact, innovation, and design excellence.
Portfolio 05 - Property Listings
portfolio-05
A modern property grid designed to showcase real estate listings with high-quality visuals, key details, and pricing—helping platforms present options clearly and enhance buyer engagement.
Portfolio 06 - Portfolio Carousel Section
portfolio-06
A clean carousel layout combining side content with sliding visuals, helping teams present product experiences, usability, and real-world applications in an engaging way.
Portfolio 07 - Real Estate Portfolio Section
portfolio-07
A modern real estate showcase highlighting residential and commercial properties through immersive visuals and key details, helping platforms drive buyer interest.
Portfolio 08 - Stacked Portfolio Section
portfolio-08
A vertically stacked portfolio layout showcasing multiple product categories with supporting visuals and content, enabling teams to present cross-platform capabilities and consistent design systems.
Pricing 01 - Startup Pricing Plans
pricing-01
A clean two tier pricing section with feature comparison, highlighted plans, and strong CTAs, suited for agencies, Startups & SaaS to convert visitors by clearly presenting value and monthly subscription options.
Pricing 02 - Scalable Pricing Table
pricing-02
A three tier pricing layout with a highlighted recommended plan, feature checklists, and clear CTAs, perfect for any website having pricing section to guide users toward the most valuable subscription option.
Pricing 03 - Simple Subscription Pricing
pricing-03
A modern pricing section with monthly vs yearly toggle, three plan cards, feature lists, and conversion focused CTAs, ideal for SaaS, courses, or membership platforms selling tiered subscriptions.
Pricing 04 - Highlighted Plan Pricing
pricing-04
A visually rich pricing section with promotional banner, monthly vs yearly toggle, and recommended plan badge, designed to boost conversions by emphasizing savings, value, and upgrade motivation.
Pricing 05 - Flexible Pricing Plans
pricing-05
Present clear, scalable pricing tiers designed to support businesses at every stage—helping users compare features, understand value quickly, and choose the plan that fits their growth.
Pricing 06 - Simple & Transparent Service Pricing
pricing-06
Showcase clearly structured cleaning packages with upfront pricing, helping customers quickly compare options, understand what’s included, and confidently book the service that fits their needs.
Pricing 07 - Business Plan Pricing
pricing-07
A clean pricing layout showcasing multiple subscription tiers, feature comparisons, and clear plan benefits designed to support startups, founders, and growing teams.
Pricing 08 - Modern SaaS Pricing
pricing-08
A clean pricing section with three plans, a highlighted recommendation, billing toggle, and clear CTAs to guide plan selection
Pricing 09 - Personalized Pricing Plans
pricing-09
A modern pricing section with flexible subscription tiers, a highlighted popular plan, feature lists, and strong CTAs designed to help users choose quickly.
Pricing 10 - Three-Tiered Pricing Plans
pricing-10
A simple and scalable pricing section with three plans, feature checklists, and clear CTAs, making it easy for users to understand and decide.
Pricing 11 - Add-Ons Pricing Section
pricing-11
A modern add-ons pricing section showcasing flexible upgrade options, feature highlights, and clear pricing tiers, designed to enhance workflows and drive conversions with strong calls-to-action.
Pricing 12 - Simple Tech Upgrade Plans
pricing-12
A modern two-tier pricing section with billing toggle, feature highlights, and clear CTAs, designed to encourage upgrades and simplify decision making.
Pricing 13 - Tabular Pricing Layout
pricing-13
A detailed tabular layout with multiple plans, feature availability, and highlighted option, built to simplify decision making and improve conversions.
Pricing 14 - Single Plan Pricing
pricing-14
A clean single plan pricing card with feature highlights, billing toggle, and strong CTA, designed to focus attention and drive quick decisions.
Pricing 15 - Choose and Compare Pricing
pricing-15
A modern pricing interface with plan options and side feature panel, designed to improve clarity, comparison, and overall user decision making.
Product Category 01 - Tabbed Category
product-category-01
A conversion-focused product category section featuring interactive category filters, featured collections with high-quality imagery, and clear shop-now CTAs for ecommerce growth.
Product Category 02 - Horizontal List
product-category-02
A horizontal category list displaying product groups with icons, item counts, and quick links, enabling users to scan categories quickly and navigate products efficiently.
Product Category 03 - Filtered Listing
product-category-03
A structured product listing with category filters, price ranges, sorting controls, and actionable cards, helping users refine results and discover relevant products faster.
Product Category 04 - Image Based
product-category-04
A product category section built with image-driven cards and filters, enabling faster discovery through visuals and improving navigation across different product groups.
Product Category 05 - Horizontal Icon List
product-category-05
A horizontally scrollable list of category icons with labels and selection states, enabling users to navigate categories efficiently with minimal interaction cost.
Product Category 06 - Visual Product Cards
product-category-06
A category browsing layout with large image cards and quick links, designed to help users identify product types quickly and explore collections efficiently.
Product Category 07 - Circular Product Grid
product-category-07
A multi-column category layout with circular image cards and labels, helping users quickly scan product groups and navigate collections with clarity and ease.
Product Comparison 01 - Product Model Comparison List
product-comparison-01
A streamlined product comparison layout with images, ratings, pricing, key specifications, warranty details, and quick-add actions. Ideal for helping shoppers compare products and choose the right option.
Product Comparison 02 - Side-by-Side Product Comparison
product-comparison-02
A compare-tray grid with removable product cards, feature checklists, ratings, pricing, and an add-product slot, ideal for side-by-side product comparison tools.
Product Comparison 03 - Full Specifications Table
product-comparison-03
A side-by-side specifications comparison table with grouped sections, progress-bar metrics, feature checklists, and per-product pricing and add-to-cart actions.
Product Comparison 04 - Compare Models Banner
product-comparison-04
A grouped specifications comparison banner with per-product pricing, help-tooltip labels, boolean feature indicators, and add-to-cart actions.
Product Listing 01 - Multi Column Grid
product-listing-01
A multi-column layout featuring product cards with images, reviews, and pricing details, helping users scan, compare, and select products quickly.
Product Listing 02 - Minimal
product-listing-02
A clean product grid showcasing featured items with badges, pricing, and quick add icons, enabling faster browsing, visual clarity, and seamless shopping experience.
Product Listing 03 - Detailed List View
product-listing-03
An expanded product list layout with rich details, shipping info, ratings, and pricing, helping users evaluate options clearly and take quick purchase actions.
Product Listing 04 - With Promo Banner
product-listing-04
A product grid combined with a promotional banner highlighting new arrivals, alongside product cards with ratings, pricing, and actions, driving discovery and engagement.
Product Overview 01 - For Fashion Product
product-overview-01
A clean fashion product overview featuring detailed imagery, size and color selection, pricing breakdown, and strong call-to-action—ideal for modern clothing and apparel stores.
Product Overview 02 - Multi-Image Grid
product-overview-02
A product overview layout featuring a large primary image, supporting grid previews, variant selectors, pricing details, and expandable sections for complete product information display.
Product Overview 03 - With Feature Highlights
product-overview-03
A clean product overview layout featuring large hero imagery, pricing panel, variant selectors, feature icons, and detailed description—designed for clarity and confident purchase decisions.
Product Overview 04 - For Skincare Product
product-overview-04
A structured skincare layout featuring image grid previews, descriptive content, pricing details, size selection, and collapsible sections for ingredients, shipping, and product overview information.
Product Overview 05 - For Digital Product
product-overview-05
A modern layout displaying product preview and detailed information, alongside purchase options with selectable choices, benefits checklist, and strong CTAs for conversion.
Product Overview 06 - With Carousel Layout
product-overview-06
A modern product page featuring image carousel, color and size selection, pricing blocks, and clear call-to-action buttons for seamless purchasing flow.
Product Quick View 01 - For Fashion Product
product-quick-view-01
A sleek quick view modal featuring product imagery, size and color selection, pricing details, and clear call-to-action for fast and seamless shopping experiences.
Product Quick View 02 - Multi-Image Grid
product-quick-view-02
A modern quick view modal with a large preview image and grid-based thumbnails, including variant options, pricing, and seamless add-to-cart functionality.
Product Quick View 03 - With Feature Highlights
product-quick-view-03
A refined quick view panel showcasing hero imagery, feature highlights, pricing structure, variant selectors, and prominent call-to-action for improved shopping flow.
Product Quick View 04 - For Skincare Product
product-quick-view-04
A clean skincare quick view featuring image grid previews, detailed product description, pricing information, size selection, and clear call-to-action for confident purchasing.
Product Quick View 05 - For Digital Product
product-quick-view-05
A modern quick view layout showcasing product preview, detailed information, selectable options, benefits checklist, pricing details, and strong call-to-action for higher conversions.
Product Quick View 06 - With Carousel Layout
product-quick-view-06
A modern quick view layout featuring an interactive image carousel, variant selectors, pricing details, and strong call-to-action for seamless and engaging shopping experiences.
Receipt 01 - Colorful Order Confirmation Receipt
receipt-01
A detailed order confirmation layout with product cards, order status, payment summary, delivery and billing addresses, discounts, taxes, final total, and estimated arrival details for ecommerce purchases.
Receipt 02 - Order Tracking Receipt
receipt-02
A split-screen order confirmation receipt with parcel contents, shipping and billing details on one side, and a receipt overview with shipping journal and tracking actions on the other.
Receipt 03 - Compact Printable Receipt
receipt-03
A compact receipt design with order summary, product details, subtotal, shipping, tax, total amount, shipping address, payment information, tracking number, and shipment tracking for quick reference.
Receipt 04 - Complete Order Status Receipt
receipt-04
A full order summary with payment status, order journey, shipment tracking, billing and shipping details, itemized products, totals, and actions for tracking, reordering, returns, and customer support.
Register 01 - Simple & Secure Signup Page
register-01
A streamlined signup page with Google and GitHub authentication, clean form fields, and conversion-focused layout, perfect for SaaS onboarding built with shadcn UI.
Register 02 - Modern Analytics SignUp Page
register-02
A sleek split-screen login layout featuring secure credential inputs and a dynamic admin preview, designed to inspire trust and highlight product capabilities instantly.
Register 03 - Minimal Visual Split register
register-03
A modern split-screen login page featuring secure credential fields and social authentication, paired with an immersive abstract visual to create a bold, premium first impression.
Register 04 - Creative Studio Sign-Up
register-04
A professional dark-themed login screen featuring Google, GitHub, X, and LinkedIn authentication alongside clean credential inputs for seamless onboarding.
Register 05 - Modern Team Collaboration Sign-up
register-05
A sleek authentication page showcasing secure credential fields and social access options, supported by a vibrant coworking scene to emphasize collaboration and growth.
Register 06 - Minimal Dual-Panel register
register-06
A clean dual-column login page featuring streamlined credential inputs and multiple social sign-in options, designed to deliver clarity, balance, and effortless access.
Register 07 - Video Background Split Register
register-07
A split-screen register page pairing a looping video background with a scrolling testimonial marquee and trusted-brand logos against a clean credentials form, built to build trust while keeping sign-in effortless.
Services 01 - Creative Services Overview
services-01
A colorful services section with icon cards and dual CTAs, perfect for agencies to present core offerings, guide visitors to portfolios, and drive collaboration with clear next steps.
Services 02 - Dark Services Animated Block
services-02
A premium dark mode services section with interactive list, visual preview, and detailed descriptions, ideal for creative agencies to showcase capabilities while maintaining a bold, modern brand presence.
Services 03 - Service Showcase
services-03
A modern services section structured to present offerings with clarity, combining visuals and concise descriptions to help businesses communicate expertise and guide users through capabilities.
Services 04 - Cleaner Service Slider
services-04
A visually engaging service slider designed to showcase offerings with strong imagery and quick navigation, helping businesses highlight key services while improving discovery and user interaction.
Services 05 - Health Care Services Grid
services-05
A clean healthcare services grid designed to present specialized treatments with supportive visuals and clear descriptions, enabling providers to communicate expertise and help patients explore care confidently.
Services 06 - Financial Services
services-06
A professional services section tailored for financial firms, combining structured content, category navigation, and detailed offerings to help businesses present expertise and build client confidence.
Services 07 - Construction Services Showcase
services-07
A structured services section combining strong imagery and clear categories, helping businesses showcase expertise, highlight key offerings, and guide users through construction solutions.
Services 08 - Modern Services Section
services-08
A premium strategic services section with clean icon cards and structured content, helping agencies present offerings clearly and guide users toward engagement.
Services 09 - Solution-Based Services
services-09
A clean and modern services showcase designed to present business solutions with clarity, helping users explore offerings and understand capabilities with ease.
Services 10 - Business Services Solutions Section
services-10
A modern services showcase with featured content, visual previews, and learn more actions, designed to simplify workflows, highlight offerings, and improve team productivity.
Sidebar 01 - Admin Dashboard Sidebar
sidebar-01
A collapsible sidebar navigation with grouped menus, icons, and upgrade CTA, perfect for admin dashboards to organize pages, widgets, and apps while keeping workflows fast and intuitive.
Sidebar 02 - Mini Sidebar Navigation
sidebar-02
A compact sidebar designed for efficient navigation, providing quick access to core features, tools, and settings while maintaining a clean layout that enhances usability and workflow focus.
Sidebar 03 - Two Column Sidebar
sidebar-03
A structured dashboard sidebar that organizes analytics, apps, pages, and forms into clear categories, enabling faster navigation, improved productivity, and effortless access to essential platform features.
Sidebar 04 - Compact Dashboard Navigation
sidebar-04
A streamlined single-column dashboard sidebar that presents core sections like Dashboard, Frontend Pages, and Apps in a clear, minimal layout. Designed for simplicity and focus, it enables quick navigation, better organization, and efficient access to essential workspace features without visual clutter.
Sidebar 05 - Admin Sidebar with Promo
sidebar-05
A feature-rich admin sidebar combining structured navigation with a promotional upgrade card, helping users access key tools efficiently while encouraging premium adoption within the dashboard experience.
Sidebar 06 - Card Layout Admin Dashboard Sidebar
sidebar-06
A responsive admin sidebar paired with a modern card-based dashboard layout. Features grouped navigation, icons, and collapsible menus, making it ideal for SaaS platforms, analytics dashboards, CRM systems, and enterprise applications.
Sidebar 07 - Animated Mega-Menu Console Sidebar
sidebar-07
A premium animated sidebar built with Framer Motion, featuring a clean brand logo header, search bar, icon-only collapsed state, and a full-width console-style mega-menu flyout overlay for quick service navigation — perfect for complex cloud panels and admin platforms.
Sidebar 08 - Mail Workspace Sidebar
sidebar-08
A modern workspace sidebar with a compact icon rail, searchable inbox, and secondary action panel. The structured layout keeps navigation organized while giving quick access to messages and tools.
Sidebar 09 - Productivity Workspace Sidebar
sidebar-09
A workspace-first sidebar featuring AI assistance, organized navigation, project groups, and task management. Ideal for productivity tools and collaborative dashboards.
Statistics 01 - KPI Summary Cards
statistics-01
A compact statistics section with KPI cards highlighting earnings, expenses, weekly sales, and orders, ideal for admin dashboards to surface key business metrics at a glance.
Statistics 02 - Business Metrics Bar
statistics-02
A horizontal KPI bar displaying orders, sales, profit, and expenses with weekly change indicators, ideal for dashboards to monitor short-term performance and trends at a glance.
Statistics 03 - Business Insights Cards
statistics-03
A set of clean analytics cards displaying key metrics like followers, income, and balance, perfect for dashboards to highlight performance insights, track progress, and present essential data clearly.
Statistics 04 - Financial Performance Cards
statistics-04
A clean set of metric cards highlighting sales, profit, and advertising costs, ideal for dashboards to monitor financial health, track trends, and evaluate business performance at a glance.
Statistics 05 - Revenue & Sales Metrics Cards
statistics-05
A modern analytics card set showcasing total sales, monthly performance, and revenue growth, ideal for dashboards to monitor trends, compare progress, and highlight key business insights clearly.
Statistics 06 - Colorful Dashboard Summary Cards
statistics-06
A vibrant set of metric cards displaying key business indicators like employees, clients, projects, events, payroll, and reports, perfect for dashboards to present data in a visually engaging layout.
Statistics 07 - Dashboard Summary Header
statistics-07
A modern dashboard header with summary metrics highlighting leads, conversion, refunds, sales, and earnings, perfect for admin panels to present key insights and performance indicators at a glance.
Statistics 08 - Analytics Dashboard Widgets
statistics-08
A clean set of dashboard widgets highlighting customer insights, product insights, deal progress, and payment activity, perfect for admin panels to monitor performance and track key metrics.
Statistics 09 - Revenue Insights Card
statistics-09
A minimal revenue insights card showcasing total earnings with region-wise distribution, perfect for dashboards to evaluate performance, compare segments, and track business growth efficiently.
Statistics 10 - Monthly Earnings Overview
statistics-10
A clean analytics card displaying monthly earnings with year-over-year comparison, ideal for dashboards to monitor revenue trends, evaluate performance changes, and track financial progress at a glance.
Statistics 11 - Yearly Backup Overview
statistics-11
A clean analytics card displaying total yearly backup value with growth percentage and visual comparison between annual data segments, ideal for tracking performance trends and storage insights.
Statistics 12 - Total Assets Summary
statistics-12
A vibrant dashboard card layout showcasing key organizational metrics including employees, projects, clients, payroll, and events, ideal for presenting business assets and operational insights clearly.
Statistics 13 - Users & Subscriptions Overview Cards
statistics-13
A modern gradient analytics card set highlighting users and subscription performance with percentage change indicators, perfect for tracking growth trends and monitoring platform engagement at a glance.
Statistics 14 - Sales Overview Card
statistics-14
A clean analytics card displaying last seven days sales performance with circular progress indicators, ideal for monitoring short-term revenue trends and comparing percentage distribution at a glance.
Statistics 15 - Customer Growth Overview
statistics-15
A modern analytics card displaying last seven days customer growth with trend comparison against previous week, ideal for tracking acquisition performance and monitoring percentage increase clearly.
Statistics 16 - Statistics Business Performance Cards
statistics-16
A clean dashboard card set highlighting customers, projects, growth rate, and expense distribution, ideal for monitoring key metrics, tracking trends, and presenting performance insights clearly.
Statistics 17 - Total Assets Distribution Card
statistics-17
A detailed analytics card displaying total assets value with yearly growth comparison and revenue distribution across product sales, service revenue, and other income segments for clear financial insights.
Statistics 18 - Performance Indicator Cards
statistics-18
A vibrant dashboard card set highlighting total orders, returns, annual budget, cancellations, income, and expenses, ideal for presenting key operational metrics in an engaging layout.
Table 01 - Project Management Table
table-01
A sortable projects table with manager, team avatars, progress indicators, search, and pagination, ideal for admin dashboards to track project status and streamline team workflows efficiently.
Table 02 - Invoice Management Table
table-02
A clean, searchable invoice table displaying customer details, statuses, totals, issue dates, balances, and actions—designed to streamline billing workflows and monitor payments efficiently.
Table 03 - Course Assignment Overview Table
table-03
A structured assignment table displaying authors, course categories, technology tags, and user counts—helping teams track engagement, manage contributors, and monitor platform growth efficiently.
Table 04 - Revenue Tracker Table
table-04
An interactive revenue table that highlights product performance, progress, priorities, and budgets—enabling teams to analyze profitability, allocate resources wisely, and make faster data-driven decisions.
Table 05 - Transaction Status Table
table-05
A clean, sortable transaction table displaying payment statuses, customer emails, amounts, and actions—helping teams monitor processing updates and manage financial records efficiently
Table 06 - User Subscription Management Table
table-06
A structured user management table displaying roles, plans, billing methods, statuses, and actions—helping teams monitor subscriptions, and streamline account administration efficiently.
Table 07 - Project Overview Table
table-07
A structured project overview table showcasing users, project names, team members, statuses, and budgets—helping teams track progress and manage resources efficiently.
Table 08 - Top Performing Products Table
table-08
A performance-driven products table showcasing categories, sales figures, earnings, and technologies—helping teams identify top revenue generators and optimize strategic product decisions effectively
Table 09 - Popular Products Table
table-09
A detailed products table showcasing items, payment progress, and order statuses—helping teams track transactions, monitor confirmations, and manage customer purchases efficiently.
Table 10 - Customer Reviews Table
table-10
A clean, searchable reviews table displaying customer details, ratings, feedback, and timestamps—designed to help teams quickly monitor user sentiment, manage responses, and improve overall customer experience.
Table 11 - Project Tracking Table
table-11
A structured table presenting ongoing projects with budget details, assigned teams, project leads, and activity trends—making it easy to monitor performance and track progress at a glance.
Team 01 - Creative Team Showcase
team-01
A vibrant team section featuring profile cards with roles and social links, perfect for agencies or startups to humanize their brand, highlight talent, and build authentic connections.
Team 02 - Modern Team Grid
team-02
A clean team grid with large profile cards, roles, and social icons, ideal for agencies or SaaS companies to introduce key members and strengthen brand authenticity.
Team 03 - Meet the Team
team-03
A clean team showcase layout designed to introduce key members with professional visuals and roles, helping organizations humanize their brand and build trust through transparency.
Team 04 - Leadership Team
team-04
A modern leadership section combining engaging visuals with strong messaging, crafted to highlight expertise, reinforce credibility, and showcase the people driving innovation behind your platform.
Team 05 - Agents Team
team-05
A professional team directory layout built to showcase agents with credentials, performance metrics, and contact options—helping real estate platforms build trust and simplify client connections.
Team 06 - Clinical Experts Team
team-06
A clean team section layout featuring healthcare clinicians and experts in a dynamic carousel with languages spoken and appointment booking actions.
Team 07 - Platform Innovators Team
team-07
A confident team section pairing a bold headline and trust-building highlight card with a grid of team member photos, designed to introduce the people behind a product platform.
Testimonial 01 - Bento Grid Testimonials
testimonial-01
A multi card testimonial section combining customer quotes, imagery, and performance stats, ideal for showcasing social proof, building trust, and reinforcing brand credibility across product or agency websites.
Testimonial 02 - Testimonial Slider Showcase
testimonial-02
A clean testimonial slider with customer photo, detailed quote, navigation controls, and partner logos—perfect for highlighting success stories and building instant trust on landing pages.
Testimonial 03 - Text and Video Testimonials
testimonial-03
Highlight authentic client experiences through impactful testimonials that build credibility, demonstrate real results, and help potential customers feel confident in choosing your platform.
Testimonial 04 - Client Success Stories
testimonial-04
Showcase measurable outcomes and real client feedback to demonstrate impact, build trust, and highlight how your platform drives smarter decisions, stronger collaboration, and operational efficiency.
Testimonial 05 - Modern Grid Testimonials
testimonial-05
Build credibility with authentic testimonials from respected clients, highlighting real results, seamless collaboration, and the value your platform delivers to teams across industries.
Testimonial 06 - Clean & Modern Testimonials
testimonial-06
Showcase genuine customer experiences that highlight measurable success, improved workflows, and stronger collaboration—helping prospects build trust in your platform through proven, real-world outcomes.
Testimonial 07 - Multi Platform Testimonials
testimonial-07
Highlight authentic customer feedback that reflects real success, seamless adoption, and measurable growth—helping visitors quickly understand the value your platform delivers to modern teams.
Testimonial 08 - Customer Story Testimonials
testimonial-08
A professional testimonial experience designed to showcase authentic customer feedback, highlight success stories, and reinforce the real-world value of your platform.
Testimonial 09 - Quote & Stats Testimonials
testimonial-09
A modern testimonial layout combining real customer feedback with performance statistics, helping highlight proven outcomes, strengthen credibility, and build trust with potential customers.
Testimonial 10 - Split Layout Testimonials
testimonial-10
A testimonial section featuring trusted company logos and authentic client quotes, helping reinforce credibility and demonstrate real results from satisfied customers.
Testimonial 11 - Profile Highlight Testimonials
testimonial-11
A modern testimonial section featuring customer profiles and real feedback, helping showcase product impact, build trust, and communicate value through clear and engaging content.
Testimonial 12 - Centered Testimonials Slider
testimonial-12
A clean testimonial slider with centered quotes, user avatars, and brand logos, helping showcase authentic feedback, strengthen credibility, and enhance overall user experience.
Testimonial 13 - Multi Column Testimonials
testimonial-13
A modern grid layout designed to present authentic customer feedback at scale, reinforcing credibility and helping users quickly recognize real product impact.
Testimonial 14 - Carousel Testimonials Layout
testimonial-14
A horizontal testimonial slider with developer-focused feedback and user profiles, helping showcase real-world usage, reinforce product credibility, and highlight frontend scalability benefits.
Timeline 01 - Vertical Progress Timeline
timeline-01
A modern two-column timeline featuring alternating content blocks, visual storytelling elements, and chronological progression—designed to highlight growth and achievements.
Timeline 02 - Interactive Timeline
timeline-02
An engaging timeline layout featuring key milestones, chronological progression, and supporting visuals, crafted to communicate company evolution effectively.
Timeline 03 - Horizontal Journey Timeline
timeline-03
A visually structured timeline layout highlighting key milestones, supporting content, and rich imagery, helping users explore progress year by year.
Topbar 01 - Simple Navigation Topbar
topbar-01
Clean navigation topbar with brand logo, navigation menu, notifications, language switcher, and user profile. Ideal for admin panels, SaaS platforms, internal tools, and business applications.
Topbar 02 - Navigation Mega Menu Topbar
topbar-02
Multi level topbar with categorized navigation, quick access links, notifications, and user profile in a clean horizontal layout. Ideal for documentation sites, design systems, developer platforms, and large web applications.
Topbar 03 - Login Action Topbar
topbar-03
Navigation topbar with primary links, login action, notifications, and user profile for quick access. Ideal for SaaS products, documentation portals, developer tools, and web applications.
Topbar 04 - Centered Navigation Topbar
topbar-04
Centered navigation topbar with brand logo, quick access links, notifications, and profile actions. Ideal for SaaS products, documentation websites, and modern web applications.
Topbar 05 - Sidebar Integrated Topbar
topbar-05
Topbar paired with a collapsible sidebar, combining primary navigation, quick actions, notifications, and user controls in a unified workspace layout.
Topbar 06 - Search Focused Topbar
topbar-06
Clean topbar with a prominent search bar, sidebar toggle, notifications, and profile actions for faster navigation and content discovery.
Two Factor Authentication 01 - Dashboard Two-Factor Verification
two-factor-authentication-01
A clean authentication screen where users enter a verification code, designed to add extra security while keeping the process simple and smooth.
Two Factor Authentication 02 - Modern Two-Step Authentication
two-factor-authentication-02
A polished verification experience that combines clean visuals, structured input fields, and reassuring messaging to confirm user identity with confidence.
Two Factor Authentication 05 -Workspace Two-Factor Authentication
two-factor-authentication-05
A secure verification screen designed for modern teams, combining structured code inputs and clear actions to protect collaborative workspaces with confidence.
User Profile 01 - User Profile Settings
user-profile-01
A tabbed account settings shell with a job seeker profile, work experience and applications, security controls, and notification preferences, featuring an editable identity card, skills and availability fields, and visibility toggles.
User Profile 02 - User Profile Management
user-profile-02
A profile management interface with a persistent user identity panel and tabbed content for profile details, work experience, security controls, and notification preferences.
Verify Email 01 - Email Verification Page
verify-email-01
A clean email verification screen that confirms account activation, guides users to check their inbox, and offers resend functionality for a smooth onboarding experience.
Verify Email 02 - Modern Dashboard Email Verification
verify-email-02
A sleek email verification interface combining concise messaging with a dynamic analytics preview, building trust and delivering a confident, professional account activation experience.
Verify Email 05 - Workspace-Inspired Verification Page
verify-email-05
A modern verification page set beside a welcoming office environment, combining clear instructions with a strong call-to-action for confident email confirmation.
Waitlist 01 - Get Early Access
waitlist-01
A split-screen waitlist section featuring a compelling product story, announcement badge, email signup form, social proof, and branded call-to-action. Designed to maximize early access registrations before launch.
Waitlist 02 - Ship Your SaaS
waitlist-02
A centered waitlist hero with bold headline, email capture form, trust indicators, and gradient spotlight background that keeps attention on the primary call-to-action and encourages early signups.
Widget 01 - Analytics Overview Widget
widget-01
A compact analytics widget displaying earnings and expenses with growth indicators, perfect for admin dashboards to provide quick financial insights without overwhelming the interface.
Widget 02 - Sales by Country Widget
widget-02
A ranked country wise sales widget with flags, revenue values, and growth indicators, ideal for dashboards to monitor geographic performance and spot emerging market trends quickly.
Widget 03 - Course Preview Card Widget
widget-03
A content preview widget with cover image, title, short description, and participant avatars, ideal for learning platforms or blogs to showcase featured courses or trending articles.
Widget 04 - Best Selling Products Widget
widget-04
A visual sales widget highlighting top-performing products with revenue values and progress bars, perfect for admin dashboards to track product performance and prioritize marketing efforts.
Widget 05 - Activity Timeline Widget
widget-05
A vertical activity feed displaying real-time events like payments, sales, and meetings, ideal for dashboards to keep teams updated with the latest business actions.
Widget 06 - Campaign Performance Widget
widget-06
A social campaign tracking widget showing leads, followers, and ad clicks with status labels, ideal for dashboards to monitor marketing performance across multiple platforms.
Widget 07 - Statistics – Asset Distribution Overview
widget-07
An informative analytics card outlining asset value, annual growth metrics, and revenue allocation across multiple streams to enhance financial clarity and decision-making.
Widget 08 - Statistics – KPI Welcome Section
widget-08
A modern dashboard welcome banner displaying personalized greeting with key metrics like new leads and conversion rate, ideal for highlighting performance insights and engagement at a glance.
Widget 09 - Sales Performance Summary Widget
widget-09
A sales summary widget presenting active, pending, and delivered orders with achievement insights, perfect for dashboards to visualize growth performance and order management trends.
Widget 10 - Weekly Sales Insights Widget
widget-10
A compact performance overview card displaying weekly sales patterns, best contributors, trending products, and engagement data, perfect for dashboards to assess short-term operational success.
Widget 11 - Performance Goals Overview
widget-11
A clean progress tracking widget displaying new goals with completion percentage and visual progress bar, ideal for dashboards to monitor performance milestones and achievement status efficiently.
Widget 12 - Sales by Location Overview
widget-12
A geographic sales widget showing state-wise performance with percentage breakdowns, ideal for tracking regional revenue trends and identifying top-performing markets.
Widget 13 - Transaction Summary Widget
widget-13
A transaction summary widget displaying recent payments, transfers, refunds, and wallet activities with amount indicators, ideal for dashboards to monitor financial activity and cash flow updates.
Widget 14 - Upcoming Schedule Management
widget-14
A scheduling overview widget displaying upcoming shipments, freight details, locations, and status filters, ideal for dashboards to track logistics activities and manage delivery timelines efficiently.
Widget 15 - Payments & Transactions Panel Widget
widget-15
A financial dashboard widget displaying saved payment cards, account balances, and recent transactions with status indicators, ideal for monitoring spending activity and managing digital payments efficiently.
Widget 16 - Sales Growth Update Banner
widget-16
A highlight notification banner showcasing a 40% weekly revenue increase, ideal for dashboards to communicate performance milestones and key business achievements instantly.
Widget 17 - Order Performance Overview Widget
widget-17
A real-time order performance widget displaying new, on-hold, and delivered orders with a visual score indicator, perfect for businesses monitor fulfillment efficiency and operational progress.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information