Generators
Generate all kind of components and export the source code.
Cards are a modern way of displaying information on a website. Create, design and customize beautiful card components.
Easily create grid layouts using a graphical editor. Customize columns, rows, etc... or choose from various grid layout presets.
Create and design tables for Tailwind using a graphical editor. Leverage various export options, e.g. HTML + Tailwind source code.
Design all kind of alerts for your website using a graphical editor, e.g. info, success, warning and error.
Leverage a graphical editor to easily create a pricing table for your SaaS, including your own pricing plans.
Leverage a graphical editor to easily generate and customize the source code for a beautiful login form.
Leverage a graphical editor to easily generate and customize the source code for a beautiful signup form.
Easily design and customize buttons for Tailwind using a graphical editor. Customize the size, font, colors, etc...
Create and design single text input fields for Tailwind using a graphical editor. Choose from various options, e.g. layout, size, colors, etc...
Design and customize footers for your website using a graphical editor.
Tools
Useful developer tools built with Tailwind.
Generate unique color palettes for Tailwind and customize them to your needs. Alternatively, choose from popular presets.
Design beautiful open graph images for your website using a graphical editor. Easily export the created og images as PNG format.
Leverage a graphical editor to visualize Tailwind source code. Either copy and paste existing code use the editor to write code.
The easiest way to create simple logos for your products using a graphical editor.
Starterkits & Boilerplates
Collection of paid and high-quality starter kits that will save you hours of development. They include everything you need to get started quickly, such as authentication, payment provider or email integration. These external tools are hand-picked and recommended by us.
Supastarter
Paid
The ultimate starter kit for scalable and production-ready SaaS apps, available for Next.js. Nuxt and SvelteKit.
Coming Soon
Stay tuned for more useful tools and generators.
Landing Page Generator
Leverage a graphical editor to easily create, design and customize a landing page. Choose from various variants and customization options to get started quickly.
Coming Soon
Flexbox Layout Generator
Easily create flexbox layouts using a graphical editor.
Coming Soon
Form Generator
Create, design and customize complete Tailwind forms including various input types using a graphical editor.
Coming Soon
Hero Generator
Easily design and customize hero sections for your website using a graphical editor.
Coming Soon
Invoice Generator
Generate and customize on-demand invoices in your browser and export them as needed.
Coming Soon
Email Generator
Design email templates directly in your browser using a graphical editor.
Coming Soon
Banner Generator
Design and customize beautiful banners for your website, social media accounts, etc...
Coming Soon
Avatar Generator
Create and customize unique avatars, either to use them in your projects or to use them directly on your social media account.
Coming Soon
Screenshot Editor
Use this screenshot editor tool to customize and create beautiful screenshots online in a graphical editor.
Coming Soon
Range Input / Slider Generator
Use this generator to create, design and customize range inputs / sliders in a graphical editor.
Coming Soon