Juniper DevTools Empty State

Juniper DevTools Empty State

An encouraging empty state for developer tool dashboards.

Features

• Terminal illustration — CSS/SVG geometric wireframe
• Friendly messaging — Encouraging headline and body text
• Keyboard hints — Shortcut badges for power users
• Quick-start cards — Action suggestions below CTA
• Nature-tech palette — Juniper green with midnight accents
• Breathing animation — Subtle floating effect on illustration
• Dark/light mode — Deep forest dark variant

Dependencies

• @remixicon/react — Terminal and code icons
• @/components/ui/button — Shadcn Button
• @/components/ui/badge — Shadcn Badge
• @/components/ui/card — Shadcn Card

Customization

• Edit messaging and CTA text
• Adjust green color palette
• Modify quick-start card content
• Change keyboard shortcut hints