UI: Components

Bento

A bento design draws inspiration from Japanese bento boxes, emphasizing simplicity, efficiency, and the thoughtful organization of elements within a small space.

This component is a small extension to grid.
The middle card is using cs-opposite to display the opposite color-scheme.

• Work It
• Make It
• Do It Makes Us
• Harder Better Faster Stronger
• More than Hour Hour Never
• Over 67 billion neurons
• Ever After Work Is Over
• 40% Harder Better
• 40% Faster Stronger
• 16-core Neural Engine 15.8 trillion ops/s
• Do It Faster
• 96GB Faster Better Stronger
• Work It Harder Make It Better
• Do It Faster Makes Us Stronger

With right-to-left

• Work It
• Make It
• Do It Makes Us
• Harder Better Faster Stronger
• More than Hour Hour Never
• Over 67 billion neurons
• Ever After Work Is Over
• 40% Harder Better
• 40% Faster Stronger
• 16-core Neural Engine 15.8 trillion ops/s
• Do It Faster
• 96GB Faster Better Stronger
• Work It Harder Make It Better
• Do It Faster Makes Us Stronger