Pill-shaped input with a magnifier icon and a placeholder line.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Shapes23 } from "@/components/beste/piece/shapes23";
<Shapes23 />Pill search input above a row of selectable filter chips, the first one active.
Three tab labels above a divider, with a foreground indicator under the active one.
Round play button next to a 40% progress bar with elapsed and total time lines.
Dark rounded panel with stacked line bars and one keyword highlight.
Top bar with a logo tile, three menu items, and a primary action on the right.
Five carousel dots with the active one stretched into a pill.