Pieces/Education(30)
Education pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.
| Piece | Title | Category | Install |
|---|---|---|---|
| education6 | Enrollment Stats | Education | npx shadcn add https://ui.beste.co/piece/r/education6 |
| education5 | Module Accordion | Education | npx shadcn add https://ui.beste.co/piece/r/education5 |
| education4 | Video Lesson | Education | npx shadcn add https://ui.beste.co/piece/r/education4 |
| education3 | Course Progress | Education | npx shadcn add https://ui.beste.co/piece/r/education3 |
| education2 | Lesson Row | Education | npx shadcn add https://ui.beste.co/piece/r/education2 |
| education1 | Course Card | Education | npx shadcn add https://ui.beste.co/piece/r/education1 |
Full-stack TypeScript · Spring cohort
Students12,480
Rating4.8
UpdatedLast week
Enrollment Stats
Course metadata strip summarizing student count, star rating, and last updated in a three-column grid.
2
Typography systems3 lessons · 34 min
01Choosing a type scale9:12
02Vertical rhythm in the wild14:30
03Pairing display with body11:05
Module Accordion
Collapsible course module header that reveals a timed lesson list underneath when expanded.
12:48
Chapter 4 · PerformanceRefactoring a big list into virtualized rows
Video Lesson
Video lesson card with a play thumbnail, duration badge, watched bar, and a chapter eyebrow.
58%
React performance14 of 24 lessons completedOn track
Course Progress
Circular ring showing percent complete next to a course label and a lessons-done caption.