awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
tailwindlabs avatar

tailwindlabs/tailwindcss-forms

0
View on GitHub↗
4,562 stars·229 forks·HTML·MIT·18 viewstailwindcss-forms.vercel.app↗

Tailwindcss Forms

This project is a Tailwind CSS plugin that provides a normalized baseline for form controls across different web browsers. It functions as a CSS form style reset, removing inconsistent browser-default appearances from inputs, checkboxes, and radio buttons to establish a neutral foundation for utility-first styling.

The system allows for a configuration-driven application strategy, where users can choose whether the style resets apply globally to all matching HTML elements or only to those with specific classes. This flexibility enables the application of normalized form styling to non-form components to maintain visual consistency.

The plugin integrates with a central theme configuration to map reset values to design tokens. It utilizes PostCSS-based style injection to generate CSS rules during the build process, facilitating the creation of custom form components using atomic utility classes.

Features

  • Form - Provides a neutral baseline for form controls by removing inconsistent browser-default styles.
  • Tailwind Plugin Extensions - Extends the Tailwind CSS build pipeline to inject base styles that reset form defaults.
  • Form Input Components - Establishes a consistent baseline for designing custom input fields and checkboxes across browsers.
  • Form Styling - Applies a uniform, cross-browser base appearance to all native form elements.
  • Style Resets - Removes default browser styling from input fields, checkboxes, and radio buttons.
  • Utility-First Styling - Enables rapid form styling using atomic utility classes without writing custom CSS.
  • Design Token Theming - Integrates form reset values with a central theme configuration via design tokens.
  • Style Sheet Injection - Generates and injects CSS rules into the stylesheet during the PostCSS build process.
  • Utility-First CSS Frameworks - Implements a utility-first approach to provide a normalized foundation for form control styling.
  • Framework Plugins - Provides better default styling for native form elements.

Star history

Star history chart for tailwindlabs/tailwindcss-formsStar history chart for tailwindlabs/tailwindcss-forms

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Tailwindcss Forms

These projects share indexed features with Tailwindcss Forms. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • tailwindlabs/tailwindcss-typographytailwindlabs avatar

    tailwindlabs/tailwindcss-typography

    6,249View on GitHub↗

    Tailwind CSS Typography is a plugin for the Tailwind CSS framework that provides hand-tuned typographic defaults for blocks of vanilla HTML content, such as content from Markdown or a CMS. It applies beautiful prose styles to HTML content using a single class, eliminating the need for custom CSS to style rich text. The plugin distinguishes itself by offering deep customization and control over typography. Users can adjust the overall font size of prose content across five predefined sizes, select from five built-in gray-scale palettes to match a project's color scheme, and seamlessly adapt ty

    JavaScript
    View on GitHub↗6,249
  • skeletonlabs/skeletonskeletonlabs avatar

    skeletonlabs/skeleton

    5,989View on GitHub↗

    Skeleton is a design system and accessible UI component library built on Tailwind CSS. It provides a collection of pre-built interactive components with built-in accessibility and state management, alongside a CSS custom properties theme engine that enables runtime theme switching and dark mode support. The project distinguishes itself through its adaptive design system approach, using CSS custom properties to create themeable tokens that integrate directly with Tailwind's utility-first framework. This allows developers to build visual design systems with customizable colors, fonts, and aesth

    TypeScripta11yaccessibilityastro
    View on GitHub↗5,989
  • nativewind/nativewindnativewind avatar

    nativewind/nativewind

    7,960View on GitHub↗

    NativeWind is a utility-first CSS framework that integrates Tailwind CSS design patterns into React Native applications. It functions as a cross-platform styling system and style mapper that translates CSS-based utility classes into native style objects compatible with mobile platforms. The framework provides a responsive UI engine that implements breakpoints, dark mode management, and platform-specific modifiers. It allows for the definition of custom themes including global colors, fonts, and spacing values to maintain a consistent visual identity across different devices. The system cover

    TypeScriptcssnativewindreact
    View on GitHub↗7,960
  • codyhouse/codyhouse-frameworkcodyhouse avatar

    codyhouse/codyhouse-framework

    1,147View on GitHub↗

    Codyhouse Framework is a front-end design system framework and CSS utility framework that provides an accessible UI component library for building bespoke user interfaces. It combines modular component authoring, semantic accessible markup, and utility-first styling classes with design-token-driven styling to enforce consistent visual design rules across web projects. The platform includes global design token configuration for color palette generation, typography scales, spacing rules, and interactive element themes. It supports build-time asset optimization by removing unused style rules dur

    CSScssdesign-systemframework
    View on GitHub↗1,147
Compare all 30 related projects→

Frequently asked questions

What does tailwindlabs/tailwindcss-forms do?

This project is a Tailwind CSS plugin that provides a normalized baseline for form controls across different web browsers. It functions as a CSS form style reset, removing inconsistent browser-default appearances from inputs, checkboxes, and radio buttons to establish a neutral foundation for utility-first styling.

What are the main features of tailwindlabs/tailwindcss-forms?

The main features of tailwindlabs/tailwindcss-forms are: Form, Tailwind Plugin Extensions, Form Input Components, Form Styling, Style Resets, Utility-First Styling, Design Token Theming, Style Sheet Injection.

Which projects share features with tailwindlabs/tailwindcss-forms?

Projects with overlapping indexed features include: tailwindlabs/tailwindcss-typography — Tailwind CSS Typography is a plugin for the Tailwind CSS framework that provides hand-tuned typographic defaults for… nativewind/nativewind — NativeWind is a utility-first CSS framework that integrates Tailwind CSS design patterns into React Native… skeletonlabs/skeleton — Skeleton is a design system and accessible UI component library built on Tailwind CSS. It provides a collection of… codyhouse/codyhouse-framework — Codyhouse Framework is a front-end design system framework and CSS utility framework that provides an accessible UI… unocss/unocss — UnoCSS is an atomic CSS engine and utility-first framework that generates styles on-demand based on the specific… webstudio-is/webstudio — Webstudio is a visual CMS and website builder that provides a visual development environment for designing and…