Resources

Generate a color palette for your design.

Learn how to make accessible web components and widgets with ARIA roles, states and properties and by implementing keyboard support.

Session management, examples, installation guide and more for the ultimate terminal multiplexer.

Learn how to handle async data in Next.js 15 using React 19 APIs like use and <Suspense />. Achieve fast First Contentful Paint (FCP) and stream in components as they're loaded.

Generate SVG shapes for your design.

fffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds

Common junior mistake. That useEffect probably shouldn't be there. Effects are for synchronization, not for user interaction.

OKLCH is a new color format that provides better readability, predictable color modifications, and support for wide-gamut P3 colors. Unlike RGB/HSL, OKLCH has consistent perceived lightness and better accessibility. Great for design systems and color palettes. Oh and Tailwind 4 is moving to OKLCH💪.

Generate a color palette for your design, using LCH color space. It also includes WCAG checks.