Tag
Polymorphic & Semantic HTML Tag System
EzTag is a polymorphic and strongly typed React component system that makes it easy to manage HTML tags with Tailwind styles and variants via `cva()`. It provides JSX aliases like `<H1 />`, `<Section />`, or `<Main />`, while ensuring clean semantics, accessibility, and reusable layouts. Perfect for building a modular and scalable UI.
- React.js
- Typescript
- Tailwind
- cva()
Currently available tags
✅ The tags supported by the design system are listed below. Try them out!
In Progress
<div>
<section>
<aside>
<nav>
<span>
<p>
<figure>
<fieldset>
<details>
<dl>
<figcaption>
<blockquote>
<pre>
<code>
<small>
<legend>
<summary>
<dt>
<dd>
<hr>
<em>
<mark>
<time>
<address>
<heading>
<listing>
How to use
Click on any tag to see its available variants, props, and usage examples. Each tag is a semantic HTML element with custom styling options.