AI Prompt Library
Ready-to-use prompts for HTML, React, 3D scroll animations, and more. Every thumbnail below is a live render of the exact code behind it — copy the prompt into any AI to get that same result.
Collapsible Sidebar Toggle
Create a dashboard sidebar that collapses to icon-only width when a toggle button is clicked, animating the width and fading out the text labels, with the main content area resizing to fill the space.
KPI Stat Card with Sparkline
Build a stat card showing a large number, a percentage-change badge (green up / red down arrow), and a small inline SVG sparkline chart showing the recent trend beneath it.
Notification Center Slide Panel
Build a bell-icon-triggered notification panel that slides in from the right, grouping notifications by 'Today' and 'Earlier', with unread items marked by a small colored dot.
Dark Dashboard Shell Layout
Create the base layout shell for an admin dashboard: fixed left sidebar with nav icons, a top header bar with search and profile avatar, and a scrollable main content region — all in a dark theme.
Sortable Data Table Headers
Build a data table where clicking a column header toggles an ascending/descending sort arrow icon and highlights the active column, re-ordering the visible rows accordingly.