A responsive social links grid component featuring a lined layout, hover effects, and external link icons, built with Tailwind CSS and Lucide React.
A read-only textarea component integrated with a field label, designed for displaying static or non-editable text content within a form-like layout.
A clean, minimalist note component designed to display contextual information or highlights with a distinct visual style, suitable for documentation or informational callouts.
A responsive grid layout featuring dynamic skeleton loading states that wrap image and text content blocks, designed to provide a smooth visual transition while data is being fetched.
A semantic heading component that supports multiple levels (h1-h4) to maintain consistent typography and document structure across a UI.
A semantic heading component that supports hierarchical levels for structured text display, built with Tailwind CSS for consistent typography and styling.
A simple, accessible text link component designed for inline navigation within paragraph blocks, featuring clean typography and standard hover states.
A basic text component used for rendering standard paragraph or block-level typography with consistent styling.
A responsive table of contents component that automatically extracts headings from markdown or custom data, featuring an intersection observer for real-time active section highlighting and smooth navigation.
A skeleton loading state component for an article layout, featuring a hero image placeholder, title, author avatar, and multi-line text blocks to indicate content loading.
A structured list item component featuring a leading icon, title, and description, styled with an outline border for clear information display.
Select an Item to view its code
Choose an item from the list to view its code and files.