← Prev13/49Next →
← KokonutUI

KokonutUI

Bento Grid

A multi-feature bento grid with 3D card tilt, typing code animation, AI partner icons, innovation timeline, and a voice assistant cell. Each card uses staggered fade-in and spring hover effects.

motiongrid layoutmulti-feature

Full Layout

Building tomorrow's technology

We architect and develop enterprise-grade applications that scale seamlessly with cloud-native technologies and microservices.

  • Microservices architecture
  • Serverless computing
  • Container orchestration
  • API-first design
  • Event-driven systems

AI Agents & Automation

Intelligent agents that learn, adapt, and automate complex workflows

server.ts
|

Trusted partners

Working with the leading AI and cloud providers to deliver cutting-edge solutions

OpenAI
OpenAI
Anthropic
Anthropic
Gemini
Google
Mistral AI
Mistral
DeepSeek
DeepSeek
More

Voice Assistant

Interact with our AI using natural voice commands. Experience seamless voice-driven interactions with advanced speech recognition.

00:00

Click to speak

Notes

The Bento Grid ships as a self-contained component with hardcoded demo data (items, timeline, code snippet, AI partner logos).

Each cell renders a different interactive feature: spotlight checklist, typing code terminal, AI partner icon grid, innovation timeline, and a voice assistant with auto-looping demo animation.

The grid uses 3D perspective transforms on hover and staggered reveal animations via Motion variants.