@sv/cnblocks
Svelte Shadcn Blocks offers 50+ UI & marketing components for building responsive landing pages.
- comparator-one.svelte
- @lucide/svelte@^0.483.0
- button
- contact-one.svelte
- button
- card
- input
- label
- select
- textarea
- contact-two.svelte
- button
- card
- input
- label
- select
- textarea
- content-five.svelte
- @lucide/svelte@^0.483.0
- content-four.svelte
- @lucide/svelte@^0.483.0
- button
- content-one.svelte
- content-seven.svelte
- @lucide/svelte@^0.483.0
- content-six.svelte
- content-three.svelte
- @lucide/svelte@^0.483.0
- button
- content-two.svelte
- @lucide/svelte@^0.483.0
- cta-one.svelte
- button
- cta-three.svelte
- @lucide/svelte@^0.483.0
- button
- cta-two.svelte
- button
- faq-four.svelte
- accordion
- faq-one.svelte
- faq-three.svelte
- @lucide/svelte@^0.483.0
- accordion
- faq-two.svelte
- accordion
- card-decorator.svelte
- svelte@^5.23.0
- feature-card.svelte
- svelte@^5.23.0
- card
- utils
- feature-eight.svelte
- @lucide/svelte@^0.483.0
- card
- feature-eleven.svelte
- feature-five.svelte
- @lucide/svelte@^0.483.0
- feature-four.svelte
- @lucide/svelte@^0.483.0
- feature-fourteen.svelte
- feature-nine.svelte
- @lucide/svelte@^0.483.0
- dotted-map@^2.2.3
- svelte@^5.23.0
- feature-one.svelte
- @lucide/svelte@^0.483.0
- card
- card-decorator
- feature-seven.svelte
- @lucide/svelte@^0.483.0
- feature-six.svelte
- @lucide/svelte@^0.483.0
- feature-ten.svelte
- @lucide/svelte@^0.483.0
- utils
- feature-card
- card
- feature-thirteen.svelte
- feature-three.svelte
- @lucide/svelte@^0.483.0
- card
- card-decorator
- feature-twelve.svelte
- @lucide/svelte@^0.483.0
- feature-two.svelte
- @lucide/svelte@^0.483.0
- card
- card-decorator
- footer-five.svelte
- button
- input
- label
- footer-four.svelte
- footer-one.svelte
- footer-three.svelte
- @lucide/svelte@^0.483.0
- button
- input
- label
- utils
- footer-two.svelte
- forgot-password-one.svelte
- button
- input
- label
- forgot-password-two.svelte
- button
- input
- label
- hero-header-eight.svelte
- @lucide/svelte@^0.483.0
- button
- hero-header-nine.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- utils
- button
- hero-header-seven.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- utils
- button
- hero-header.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- utils
- button
- hero-eight.svelte
- @lucide/svelte@^0.483.0
- button
- hero-five.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- Marquee
- ProgressiveBlur
- button
- utils
- hero-four.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- button
- utils
- Marquee
- hero-nine.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- button
- hero-one.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- button
- utils
- hero-seven.svelte
- @lucide/svelte@^0.483.0
- swiper@^11.2.8
- svelte@^5.23.0
- button
- utils
- hero-six.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- button
- hero-three.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- button
- utils
- hero-two.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- button
- utils
- card/integration-card.svelte
- card/integration-cardv2.svelte
- card/integration-cardv3.svelte
- card/integration-cardv4.svelte
- card/integration-cardv5.svelte
- card/integration-cardv7.svelte
- card/integration-cardv8.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- button
- card
- utils
- integration-eight.svelte
- @lucide/svelte@^0.483.0
- logos
- button
- integration-five.svelte
- integration-cards
- logos
- button
- integration-four.svelte
- integration-cards
- logos
- button
- integration-one.svelte
- integration-cards
- logos
- integration-seven.svelte
- integration-cards
- logos
- button
- Marquee
- integration-six.svelte
- @lucide/svelte@^0.483.0
- logos
- button
- integration-three.svelte
- integration-cards
- logos
- button
- integration-two.svelte
- integration-cards
- logos
- button
- login-one.svelte
- button
- input
- label
- login-three.svelte
- button
- input
- label
- login-two.svelte
- button
- input
- label
- Gemini.svelte
- GooglePaLM.svelte
- logos.ts
- Gemini
- Replit
- MagicUI
- VSCodium
- MediaWiki
- GooglePaLM
- MagicUI.svelte
- MediaWiki.svelte
- Replit.svelte
- VSCodium.svelte
- pricing-five.svelte
- @lucide/svelte@^0.483.0
- button
- pricing-four.svelte
- @lucide/svelte@^0.483.0
- button
- pricing-one.svelte
- @lucide/svelte@^0.483.0
- button
- card
- pricing-three.svelte
- @lucide/svelte@^0.483.0
- button
- card
- pricing-two.svelte
- @lucide/svelte@^0.483.0
- button
- card
- signup-one.svelte
- button
- input
- label
- signup-three.svelte
- button
- input
- label
- signup-two.svelte
- button
- input
- label
- stats-four.svelte
- stats-one.svelte
- stats-three.svelte
- stats-two.svelte
- team-one.svelte
- team-two.svelte
- testimonial-five.svelte
- avatar
- card
- testimonial-four.svelte
- avatar
- testimonial-one.svelte
- avatar
- card
- testimonial-six.svelte
- avatar
- card
- testimonial-three.svelte
- testimonial-two.svelte
- avatar
- card
- one.svelte
- @lucide/svelte@^0.483.0
- button
- one.svelte
- button
- card
- input
- label
- select
- textarea
- four.svelte
- @lucide/svelte@^0.483.0
- one.svelte
- @lucide/svelte@^0.483.0
- toggle-group
- button
- utils
- three.svelte
- two.svelte
- @lucide/svelte@^0.483.0
- toggle-group
- button
- utils
- one.svelte
- button
- three.svelte
- @lucide/svelte@^0.483.0
- button
- two.svelte
- button
- eight.svelte
- @lucide/svelte@^0.483.0
- card
- eleven.svelte
- @lucide/svelte@^0.483.0
- card
- button
- feature-table.svelte
- utils
- five.svelte
- @lucide/svelte@^0.483.0
- button
- four.svelte
- @lucide/svelte@^0.483.0
- toggle-group
- button
- card
- utils
- nine.svelte
- @lucide/svelte@^0.483.0
- card
- button
- one.svelte
- card
- mfeature-table
- seven.svelte
- @lucide/svelte@^0.483.0
- card
- button
- six.svelte
- @lucide/svelte@^0.483.0
- button
- card
- ten.svelte
- @lucide/svelte@^0.483.0
- card
- button
- three.svelte
- @lucide/svelte@^0.483.0
- toggle-group
- button
- card
- utils
- two.svelte
- card
- four.svelte
- one.svelte
- three.svelte
- two.svelte
- one.svelte
- button
- input
- label
- five/hero-five.svelte
- @lucide/svelte@^0.483.0
- button
- utils
- four/header.svelte
- four/hero-four.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- utils
- button
- one/header.svelte
- one/hero-one.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- utils
- button
- six/hero-six.svelte
- @lucide/svelte@^0.483.0
- button
- utils
- three/header.svelte
- three/hero-three.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- utils
- button
- two/header.svelte
- two/hero-two.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- utils
- button
- integration-card.svelte
- @lucide/svelte@^0.483.0
- svelte@^5.23.0
- button
- card
- one.svelte
- mlogo-gemini
- mlogo-google-palm
- mlogo-replit
- mlogo-media-wiki
- mlogo-magic-ui
- mlogo-vscodium
- three.svelte
- mlogo-gemini
- mlogo-google-palm
- mlogo-replit
- mlogo-media-wiki
- mlogo-magic-ui
- mlogo-vscodium
- mintegration-card
- two.svelte
- mlogo-gemini
- mlogo-google-palm
- mlogo-replit
- mlogo-media-wiki
- mlogo-magic-ui
- mlogo-vscodium
- button
- one.svelte
- button
- input
- label
- one.svelte
- two.svelte
- Gemini.svelte
- GooglePaLM.svelte
- logos.ts
- mlogo-gemini
- mlogo-replit
- mlogo-magic-ui
- mlogo-vscodium
- mlogo-media-wiki
- mlogo-google-palm
- MagicUI.svelte
- MediaWiki.svelte
- Replit.svelte
- VSCodium.svelte
- one.svelte
- @lucide/svelte@^0.483.0
- card
- button
- two.svelte
- @lucide/svelte@^0.483.0
- card
- button
- one.svelte
- button
- input
- label
- four.svelte
- one.svelte
- card
- three.svelte
- @lucide/svelte@^0.483.0
- two.svelte
- one.svelte
- @lucide/svelte@^0.483.0
- button
- avatar
- two.svelte
- @lucide/svelte@^0.483.0
- button
- avatar
- hover-card
- five.svelte
- @lucide/svelte@^0.483.0
- avatar
- four.svelte
- avatar
- one.svelte
- three.svelte
- @lucide/svelte@^0.483.0
- avatar
- utils
Before/after image comparison slider block
Contact form with input fields and submit button
Two-column contact section with form and info
Content block with image and text in grid layout
Content section with feature highlights
Simple content block with heading and description
Content block with alternating layout
Content section with icons and descriptions
Two-column content with image sidebar
Content block with centered text and CTA
Call-to-action block with centered heading and buttons
CTA section with background gradient
Two-column CTA with text and action buttons
FAQ section with search and categories
Simple accordion-style FAQ block
FAQ with two-column layout
FAQ section with expandable items
Decorative card component with visual effects
Reusable feature card with icon and text
Feature grid with icons in circular containers
Feature section with alternating image/text rows
Feature block with large image and bullet points
Four-column feature grid with icons
Feature section with numbered steps
Feature list with checkmarks and descriptions
Simple three-column feature grid
Feature section with tabs and content panels
Six-column feature grid with hover effects
Feature block with centered image and cards
Feature section with large hero image
Three-column feature cards with borders
Feature grid with gradient backgrounds
Two-column feature with image on side
Footer with newsletter signup and social links
Multi-column footer with sitemap links
Simple centered footer with logo and links
Three-column footer with contact info
Two-row footer with links and copyright
Forgot password form with email input
Password reset form with side illustration
Navigation header with dropdown menus
Header with mega menu navigation
Transparent header with centered logo
Standard navigation header with logo and links
Hero with video background and overlay
Hero section with app mockup image
Split hero with image on right side
Hero with animated background elements
Classic centered hero with headline and CTA
Hero with gradient background and stats
Hero section with logo cloud below
Hero with background image and overlay
Two-column hero with image carousel
Collection of integration card variants for logos
Integration grid with animated connections
Integration showcase with hover details
Four-column integration logo grid
Simple integration logos in grid layout
Integration section with categories
Integration cards with descriptions
Three-column integration with icons
Two-row integration logo marquee
Simple centered login form with inputs
Login form with social auth buttons
Split login with side illustration
Google Gemini AI logo SVG component
Google PaLM AI logo SVG component
Logo collection utilities and exports
Magic UI logo SVG component
MediaWiki logo SVG component
Replit logo SVG component
VSCodium logo SVG component
Pricing table with feature comparison
Four-tier pricing with toggle switch
Simple three-tier pricing cards
Pricing with highlighted popular plan
Two-column pricing with monthly/yearly toggle
Simple centered signup form
Signup form with social auth options
Split signup with side illustration
Four-column stats with icons
Simple stats row with large numbers
Stats cards with descriptions
Two-column stats with side image
Team grid with member photos and roles
Team section with social links
Testimonial carousel with navigation
Four-column testimonial grid
Simple centered testimonial quote
Testimonial with video embed
Three-column testimonial cards
Two-column testimonial with photos
Mist-style before/after image comparison
Mist-style minimal contact form
Mist-style content with feature grid
Mist-style simple content block
Mist-style content with side image
Mist-style two-column content
Mist-style centered CTA block
Mist-style CTA with background
Mist-style two-column CTA
Mist-style feature with icon grid
Mist-style feature with alternating rows
Mist-style feature comparison table
Mist-style feature with bullet points
Mist-style four-column feature grid
Mist-style feature with checkmarks
Mist-style simple feature grid
Mist-style feature with tabs
Mist-style six-column feature grid
Mist-style feature with centered image
Mist-style three-column feature cards
Mist-style feature with side image
Mist-style multi-column footer
Mist-style simple centered footer
Mist-style footer with contact info
Mist-style two-row footer
Mist-style password reset form
Mist-style hero with app mockup
Mist-style split hero with image
Mist-style centered hero with CTA
Mist-style hero with logo cloud
Mist-style hero with background
Mist-style two-column hero
Mist-style integration logo card
Mist-style integration grid
Mist-style integration with icons
Mist-style integration marquee
Mist-style minimal login form
Mist-style grayscale logo cloud
Mist-style logo cloud with hover
Mist-style Gemini AI logo SVG
Mist-style Google PaLM logo SVG
Mist-style logo collection utilities
Mist-style Magic UI logo SVG
Mist-style MediaWiki logo SVG
Mist-style Replit logo SVG
Mist-style VSCodium logo SVG
Mist-style simple pricing cards
Mist-style pricing with toggle
Mist-style minimal signup form
Mist-style four-column stats
Mist-style simple stats row
Mist-style stats with descriptions
Mist-style two-column stats
Mist-style team member grid
Mist-style team with social links
Mist-style testimonial carousel
Mist-style four-column testimonials
Mist-style centered testimonial
Mist-style three-column testimonials