This is a list of UI kits and how they look and perform in a naive setting.
This is a naive react ui, not using any framework. Demo
| Lighthouse Performance | 99 |
|---|---|
| First Contentful Paint | 1.4 s |
| Speed Index | 2.9 s |
| Time to Interactive | 1.4 s |
| First Meaningful Paint | 1.4 s |
| First CPU Idle | 1.4 s |
| Estimated Input Latency | 10 ms |
| Bytes transferred | ~ 35 KB |
Evergreen is a design system for the web. Using this was a breeze. Not much support for a responsive drawer pattern though. Has a pretty nice menu component. Demo
| Lighthouse Performance | 86 |
|---|---|
| First Contentful Paint | 2.2 s |
| Speed Index | 5.3 s |
| Time to Interactive | 2.4 s |
| First Meaningful Paint | 2.3 s |
| First CPU Idle | 2.4 s |
| Estimated Input Latency | 10 ms |
| Bytes transferred | ~ 174 KB |