Starter Design System

Starter form components

Standard form fields for digital forms, based on real-world design patterns

Form components preview

HTML of standard form fields for building forms. With built-in browser validation, accessibility practices, and modern CSS techniques.

Features

  • Responsive across screen sizes
  • Dark mode compatibility
  • Semantic code, optimized for accessibility
  • Blocks Edit ready for drag and drop editing

Commonly used components

Fields to collect information, for contact forms, surveys, etc.

Single text field
Single text field
Two column text fields
Two column text fields
Three column text fields
Three column text fields
Text area field
Text area field
File upload field
File upload field
Email field
Email field
Phone number field
Phone number field
Radio buttons
Radio buttons
Checkboxes
Checkboxes
Select field
Select field

This theme has been put together by the Blocks Edit team. Blocks Edit makes any HTML template editable in a visual editor. So you can setup your own design for your team to build and edit forms on their own. Learn how it works.

Share this theme

Send via email | Copy link URL