A header with one button on the right sits above a bento grid for a course platform. One tall cell holds a course progress ring, and two wide cells beside it hold a learning streak and a graded project card. Each cell sits on its own gradient background with glass cards. Every cell pairs its piece with a title and a sentence, and the grid stacks on phones.
Files · 7
Dependencies
npm packages
clsx
tailwind-merge
lucide-react
Registry items
button
Registry Items
education105
Configuration
Name
education105
Type
Block
Description
A header with one button on the right sits above a bento grid for a course platform. One tall cell holds a course progress ring, and two wide cells beside it hold a learning streak and a graded project card. Each cell sits on its own gradient background with glass cards. Every cell pairs its piece with a title and a sentence, and the grid stacks on phones.