wiremd

Appearance

Registration Form ​

Use Case: New user signup for SaaS products, e-commerce sites, or community platforms.

Key Features: Multi-column layout, input validation, password strength, plan selection, terms agreement

[[ :logo: Platform | Features | Pricing | About | [Sign In] ]]

---

# Create Your Account

Join thousands of users already enjoying our platform

---

::: grid-2

### Account Details

Email Address
[_____________________________] {type:email required:true}

Password
[********] {type:password required:true}
*Minimum 8 characters*

Confirm Password
[********] {type:password required:true}

### Profile Information

First Name
[_____________________________] {required:true}

Last Name
[_____________________________] {required:true}

Phone Number
[_____________________________] {type:tel}

:::

---

::: grid-3 card

### Free
**$0** /month

- 5 Projects
- 1 GB Storage
- Basic Support
- Community Access

- ( ) Select Free

### Pro
**$19** /month

- Unlimited Projects
- 50 GB Storage
- Priority Support
- Advanced Features

- (*) Select Pro

### Enterprise
**Custom** pricing

- Unlimited Everything
- Dedicated Support
- Custom Integration
- SLA Guarantee

- ( ) Select Enterprise

:::

---

::: card

### Additional Information

Company Name (Optional)
[_____________________________]

How did you hear about us?
[Select an option...v]
- Search Engine
- Social Media
- Friend Referral
- Blog/Article
- Advertisement
- Other

Referral Code (Optional)
[_____]

---

### Terms & Conditions

- [x] I agree to the [Terms of Service](https://example.com/terms)
- [x] I agree to the [Privacy Policy](https://example.com/privacy)
- [ ] Send me product updates and newsletters
- [ ] I'm signing up on behalf of a company

[Create Account]* [Cancel]

:::

---

Already have an account? [Sign in here](https://example.com/login)

::: footer
Secure registration • 256-bit SSL encryption
:::

Style Variations:

  • sketch - Friendly onboarding experience
  • clean - Professional signup flow
  • wireframe - Clear form structure
  • tailwind - Modern gradient accents
  • material - Stepped elevation hierarchy
  • brutal - Confident, bold design
  • none - Minimal semantic structure

Generate this example:

bash
wiremd registration-form.md --style sketch
wiremd registration-form.md --style material -o registration-material.html