This project is a simple React application that helps users automatically generate CSS skeletons based on the class, className, and id attributes found in a given HTML snippet. Users can paste their HTML content into the app, and it will identify unique class and id values, returning a ready-to-use CSS structure with empty selectors for easy styling.
- User-Friendly Interface: Paste your HTML content in a dedicated input area, and generate CSS with a single click.
- Class & ID Detection: Automatically detects both class and className attributes, as well as id attributes in the HTML.
- Copy-Ready CSS Output: Displays generated CSS in a formatted, read-only field, allowing for easy copying and pasting into your CSS files.
- Paste any HTML content into the input area.
- Click the "Generate CSS" button.
- View the generated CSS in the output field, which includes all unique classes and IDs found in the HTML.
This tool is useful for quickly scaffolding a CSS file based on HTML content and is especially helpful for rapid prototyping or starting new web projects.