<h2>Overview:</h2>
<p>Astro Design System is a user-friendly tool that helps designers easily start their own design system. It offers compatibility with multiple frameworks and allows users to import components and document them directly in markdown files.</p>
<h2>Features:</h2>
<ul>
<li><strong>Compatible with multiple frameworks</strong>: Astro Design System supports various frameworks, including React, Vue, and Svelte, making it flexible and adaptable for different development environments.</li>
<li><strong>Easy component organization</strong>: Users can create folders for new sections to organize their components efficiently. Additionally, sections can be added to the left side navigation by modifying the navigation configuration file.</li>
<li><strong>Customizable design elements</strong>: The design.config.ts file allows users to customize core design elements such as colors, typography, and shadows to match their visual preferences.</li>
<li><strong>Simplified component import</strong>: Astro makes it simple to import components from different frameworks or create custom components. The MainButton component usage in the provided example file demonstrates how to integrate components seamlessly.</li>
<li><strong>Convenient component preview</strong>: The utility class .component-preview provides a grid-style wrapper for components, allowing users to view them conveniently while documenting.</li>
</ul>


Jordienr

Astro Design System