Use this system as a starting point for your own template. We created a set of UI components commonly seen in the wild. Tailor them and/or your Tailwind configuration to meet your own needs
To the left are sections of components and their relative code snippets. You're welcome to change anything to match your own branding.
This application template utilizes Tailwind CSS as a utility-first approach towards designing an application. Refer to the documentation to understand how it works and to configure for your own needs.
Be sure to modify the
tailwind.config.js file to include any additional colors, fonts, styles and more. Find it in
Bundled with the default Tailwind configuration is additional brand-oriented color schemes which tie directly to buttons and other Jumpstart pattern components. Modify this to match your own needs and/or remove them entirely.