3 column bento grid

Masonry style grid with variable item heights

Discover New Books

Find your next favorite read. Explore curated recommendations tailored to your taste.

Organize your reading list, track progress, & set reading goals.

Set annual reading targets or challenge yourself with new genres.

Join reading communities & discover books through discussions.

Personalized reading plan that fits your schedule and interests.

Discover great books. Compare reviews and start reading instantly.

Choose your preferred installation method. CLI is recommended for the fastest setup.

One command, zero configuration

$ npx @hritik-sharmaa/repeat-ui add grid-3-column-bento-grid --variant ts-tailwind

Configuration options and properties for this component.

Prop	Default	Description
`maximizeCard`	`{}`	Large left card configuration for primary content
`manageCard`	`{}`	Top right card configuration for management features
`setGoalsCard`	`{}`	Small bottom-left card for goal setting features
`loungesCard`	`{}`	Small bottom-right card for community features
`strategyCard`	`{}`	Bottom-left large card for strategy/planning features
`findCompareCard`	`{}`	Bottom-right card for discovery and comparison features