Bento Components
Modern bento grid layouts with asymmetric feature cards
Bento1
Bento grid layout with headline and 4 feature cards in asymmetric grid (left full, middle stacked, right full).
src/components/sections/Bento1.astro Deploy faster
Everything you need to deploy your app
Mobile friendly
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.
Performance
Lorem ipsum, dolor sit amet consectetur adipisicing elit maiores impedit.
Security
Morbi viverra dui mi arcu sed. Tellus semper adipisicing suspendisse semper morbi.
Powerful APIs
Sit quis amet rutrum tellus ullamcorper ultricies libero dolor eget sem sodales gravida.
Bento2
2x2 bento grid layout with tagline, headline, and 4 equal-sized feature cards.
src/components/sections/Bento2.astro Deploy faster
Everything you need to deploy your app
Releases
Push to deploy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida justo et nulla efficitur, maximus egestas sem pellentesque.
Integrations
Connect your favorite tools
Curabitur auctor, ex quis auctor venenatis, eros arcu rhoncus massa.
Security
Advanced access control
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.
Performance
Lightning-fast builds
Sed congue eros non finibus molestie. Vestibulum euismod augue vel commodo vulputate.
Bento3
Bento grid with 2 cards on top (50/50) and 3 cards on bottom (33/33/33).
src/components/sections/Bento3.astro Deploy faster
Everything you need to deploy your app
Performance
Lightning-fast builds
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida justo et nulla efficitur, maximus egestas sem pellentesque.
Activity
Real-time updates
Curabitur auctor, ex quis auctor venenatis, eros arcu rhoncus massa, laoreet dapibus ex elit vitae odio.
Speed
Built for power users
Sed congue eros non finibus molestie. Vestibulum euismod augue vel commodo vulputate.
Integrations
Connect your favorite tools
Maecenas et augue sed elit dictum vulputate, in nisi aliquam maximus arcu.
Network
Globally distributed CDN
Aenean vulputate justo commodo auctor vehicula in malesuada semper.
