Pencil fundamentally increases your engineering speed by bringing designing directly into your preferred IDE.
npx design-bites add pencil.dev
CSS Spring Easing Generator
A tool designed to intuitively generate spring animations for CSS linear(). Includes presets and customizable inputs for perceptual duration and bounce.
DreamCut
DreamCut is a brand new AI video editor and screen recorder that works right from your browser. Edit videos effortlessly on any device with powerful AI in the cloud.
Finta
The best way for startups to get automated bookkeeping, effortless tax filing, and real‑time insights – all in one place. Set up in 10 mins and get back to building.
Aave | Aave
Aave is an Open Source Protocol to create Non-Custodial Liquidity Markets to earn interest on supplying and borrowing assets with a variable interest rate. The protocol is designed for easy integration into your products and services.
Tokens captured from Pencil — palette, type, and components rendered live.
Sampled from CSS custom properties, body styles, and surface luminance.
Captured fonts and scale, rendered with system fallbacks.
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
