repository·master·Indexed 27 days ago
https://github.com/mertjf/tailblocksA collection of over 60 ready-to-use, responsive Tailwind CSS blocks with dark mode support and color variations. Provides the getBlock and getIcons functions to programmatically retrieve React components across categories such as Hero, Footer, Blog, and Ecommerce for quick UI prototyping.
Tailblocks provides ready-to-use, responsive Tailwind CSS blocks with dark mode support and color variations.
Note: This project is not an npm dependency. You do not install it; instead, you copy and paste the generated HTML directly into your existing Tailwind CSS project.
getIcons function returns an object containing categorized React components for various UI blocks. Each category (e.g., Hero, Header, Footer) contains multiple variations of that block type (e.g., HeroA, HeroB). This allows you to programmatically access and render ready-to-use Tailwind CSS components.The getBlock function is the primary entry point for accessing the collection of Tailwind CSS blocks. It returns a nested object containing React components categorized by type (e.g., Hero, Footer, Blog). You can customize the color theme and toggle dark mode via the function arguments.
theme (string, default: 'indigo'): The Tailwind CSS color theme to apply to the blocks.darkMode (boolean, default: false): Whether to return the dark mode version of the blocks.BlogContactContentCTAEcommerceFeatureFooterGalleryHeaderHeroPricingStatisticStepTeamTestimonialgetIcons() is organized into the following categories and component keys: