Beautifully crafted Shadcn UI blocks offers over 150 responsive UI blocks and 110+ components for Shadcn UI projects, allowing extensive customization and seamless integration. This collection is an unofficial extension of shadcn/ui, providing diverse design options for website development.
Features
Over 150 UI Blocks
Provides a wide selection of more than 150 pre-made UI blocks ready to integrate into Shadcn UI projects, allowing for rapid prototyping and design use.
110+ Components
Includes over 110 versatile components such as buttons, cards, and tabs that can be seamlessly integrated with Shadcn UI for detailed customization.
Category-Specific Blocks
Offers marketing, application, and ecommerce specific blocks such as hero sections, pricing, shopping carts, etc., supporting targeted content creation.
3D Cards
Visualizes elements in a 3D card format, providing a more engaging way for users to interact with content.
Card Grid
Organizes content neatly in a grid layout, enhancing readability and structure.
Grid Hover
Adds interactive hover effects to grid items, making the design dynamic and visually appealing.
Steps
Displays step-by-step processes in a clear and intuitive format, perfect for guides and tutorials.
With Carousel
Integrates a carousel feature to cycle through content effortlessly, optimizing space and user engagement.
With Comparison
Enables side-by-side comparison of different elements or products, useful for decision-making scenarios.
With Images
Seamlessly incorporates images into designs, enhancing visual storytelling.
With Stats
Presents statistical data in an appealing layout, making it easier to digest information at a glance.
With Tabs
Uses tabbed interfaces to organize excess content, improving navigation and user experience.
Embeddable Code
Provides the ability to generate and copy embeddable code for including content in various platforms.
Lifetime access
Pay once and get access to all current and future blocks and components with no recurring fees.
Unlimited projects
Use blocks and components for unlimited projects without needing a new license for each.
Production-ready code
Provides well-documented, best-practice code with built-in accessibility features.
Full source code access
Includes complete access to the source code for all UI components.
Ecommerce Features
Provides blocks for ecommerce applications including shopping carts and product lists.
Marketing Blocks
Includes specialized blocks for marketing like hero sections and testimonials to enhance user engagement.
Animated Gradient
Offers hero sections with dynamic, animated gradient backgrounds to capture visitors' attention.
Image With Reviews
Pre-designed sections that include images and customer reviews to enhance credibility and visual appeal.
Split With Video
Templates that allow the integration of videos alongside content to create engaging hero sections.
With 3D Mockup
Templates featuring 3D mockups to showcase products or services in a visually compelling way.
With App Showcase
Sections specifically designed to highlight app features and displays in an attractive layout.
With Feature Cards
Offers a layout with feature cards to neatly present the key features or benefits of a product.
With Integration Showcase
Templates designed to beautifully display software or product integrations.
With Terminal
Unique section designs that simulate a terminal environment for a modern and tech-savvy look.
Center Aligned Search With Tags
Allows users to create a search input form that is neatly aligned to the center and supports tagging for better search categorization.
Image And Form
A feature that combines images with form inputs, allowing for creative and engaging form designs.
Sign Up Form
Provides pre-designed templates for user registration forms, making it easy to collect user data efficiently.
Centred Description With Icon Blocks
Provides a feature where you can present descriptions in the center with accompanying icon blocks for attractive visual layouts.
Circle Icons Centre Aligned
Allows easy implementation of circle icons that are center aligned to enhance design aesthetics.
Description On Left Icon Blocks On Right
Enables users to display descriptions on the left with icon blocks on the right for structured information presentation.
Solid Icon With Hover Effect
Includes solid icons that change appearance with a hover effect, adding interactive elements to designs.
Stacked Cards
Offers a stacked card layout feature for organized display of content in a card format.