A basic setup to style HTML forms with pure vanilla CSS. Whether you're building a simple contact form or a complex multi-step registration form, this repository offers a basic CSS reset or rebase to enhance the default visual appeal and user experience of your web forms.
You may take this project as an example or starting point to style your own forms.
- Responsive Design: Styles are crafted to ensure compatibility across various screen sizes and devices.
- Customizable: SCSS support allows for easy customization and extension of styles to fit your project's design requirements.
- Modular: Separate SCSS files are provided to organize and simplify things for development.
- Cross-browser Compatibility: Ensures consistent styling across modern web browsers.
- Dark mode: Supports a dark mode which can be switched using JavaScript or you may set it up in
prefers-color-scheme
media feature. - Accessibility: Carefully crafted styles maintain basic accessibility standards, nothing else exept the focus outlines is altered ensuring that forms remain usable for a majority of users.
Simply clone the repo and use it however you want in your local development setup. To save time, you may just take away the style.css
file and use it as you wish.
Check out the index.html
file for a complete demonstration with a support to dark mode.
This project is licensed under the MIT License.
For questions or feedback regarding this project, feel free to contact the maintainer:
Maintainer: Rahul C. Twitter: @c99rahul