astro-design-system

Astro Design System Theme

Astro Design System is a starter theme for building design systems. It allows importing components from various frameworks (React, Vue, Svelte) and documenting them in Markdown files.

Key Features:

• Component Documentation: Document components directly within Markdown files.
• Framework Compatibility: Import components from React, Vue, Svelte, and other frameworks.
• Customizable Core: Customize colors, typography, and shadows using the configuration file.
• Page Layout Control: Modify page layouts using CSS.
• .component-preview Utility: Wrap components in a grid for consistent presentation.

Getting Started:

1. Add new sections by creating folders and Markdown files in the src/pages directory.
2. Include the new sections in the navigation configuration file (src/config.ts).
3. Customize the core design elements in src/config/design.config.ts.
4. Modify the page layouts in src/styles/content.scss.
5. Import and document your component library.