Recipes
Step-by-step recipes for building real-world features and UI flows with LibyUI.
Recipes
Recipes are step-by-step, copy-paste-ready guides for building real-world features with LibyUI. Each recipe walks you through a concrete goal — from start to finished, working code.
Planned Recipes
Delete Confirmation Modal
A safe, accessible delete flow using a Dialog, Button variants, and a toast notification.
Multi-step Onboarding Form
Guide new users through setup steps with a validated, multi-page form.
Data Table with Search & Filter
Wire up the Data Table module with a search input and dropdown filters.
Dark Mode Toggle
Implement the Mode Toggle composite component with next-themes in a Next.js app.
Copy to Clipboard Button
A Button that copies text and shows a success state using LibyUI's success variant.
Infinite Scroll Feed
Load more items as the user scrolls using an intersection observer and Card components.
Recipes are actively being written. Which would help you most right now? Let us know.
How is this guide?
Last updated on 2/26/2026