UI kitsFree

Formwell

180 form components with every validation state already drawn

About this resource

Formwell covers the least glamorous part of any product: forms. The Figma file has 180 components across inputs, selects, date pickers, file uploads, steppers and multi-step checkout flows. Each input has eight states, including disabled, read-only, loading and inline error, plus helper text and character counters wired to properties.

It's a good fit for designers who need to hand developers a complete spec for a sign-up or settings flow without inventing error states at the last minute. The kit is free for personal and commercial work, with no attribution required. The caveat: styling is deliberately neutral gray, so expect to spend an hour mapping it to your own tokens.

Highlights

  • 01Eight states per input, including read-only and loading
  • 02Multi-step checkout and onboarding flows included
  • 03Helper text and counters wired to component properties

Tags

Related resources

More in UI kits
  • Ledgerline UI

    NewFeatured

    A finance dashboard kit with 420 components and charts that use real numbers

    • fintech
    • dashboard
    • figma
    Paid$49
  • 300 marketing page sections that snap together into a landing page

    • landing pages
    • marketing
    • figma
    Paid$39
  • Admin panel templates in Figma and Tailwind HTML, with a usable free core

    • admin
    • tailwind
    • html
    FreemiumFree / $79
Live demo · Kerning Shelf— View template →