Reusable sidebar components for your blog. Simple, clean, and ready to use.
These widgets are designed to enhance your blog's sidebar with useful information and navigation. Each component is built with DaisyUI and follows consistent styling patterns.
Widgets are reusable UI components that display specific information or functionality in your sidebar. They help readers navigate your content and discover related posts.
Displays author information with avatar, stats, and social links. Perfect for introducing yourself to readers.
import Profile from "../components/widgets/Profile.astro";
<Profile />Lists all post categories with count badges. Helps readers browse content by topic.
import Categories from "../components/widgets/Categories.astro";
<Categories maxDisplay=6 />Displays popular tags in a compact badge format. Great for content discovery.
import Tags from "../components/widgets/Tags.astro";
<Tags maxDisplay=15 />import Profile from "../components/widgets/Profile.astro";Place widgets in your sidebar or any other section:
<div class="sidebar">
<Profile />
<Categories />
<Tags />
</div>Most widgets accept optional props for customization:
class - Custom CSS classes
maxDisplay - Limit number of items
No external icon libraries needed, uses emoji and simple SVG
Consistent styling with DaisyUI components
Works perfectly on all screen sizes
Optimized rendering and minimal overhead
Display author information with avatar, stats, and social links
Browse posts by category with article counts and quick navigation
Explore content through tags with compact badge design