# Componentdriven.Org

> The purpose of Component Driven is to promote and document the philosophy and practices of component-driven design, enabling developers and designers to build scalable, maintainable, and collaborative UI systems. The site serves as both an educational resource and a showcase of tools and examples that support component-based development, with a focus on accessibility, modularity, and cross-framework compatibility.

**Remember:**
- Component-driven design
- Storybook for component documentation
- Chromatic for visual regression testing
- Next.js as the frontend framework
- Reusability and modularity
- Cross-framework compatibility

## Concepts
- [Design Tools](https://raw.githubusercontent.com/ComponentDriven/componentdriven.org/master/src/design-tools.ts): docs page.

## Optional
- [README](https://raw.githubusercontent.com/ComponentDriven/componentdriven.org/master/README.md): docs page.
- [Next Env.D](https://raw.githubusercontent.com/ComponentDriven/componentdriven.org/master/next-env.d.ts): docs page.
- [Next.Config](https://raw.githubusercontent.com/ComponentDriven/componentdriven.org/master/next.config.js): docs page.

## .Storybook
- [Main](https://raw.githubusercontent.com/ComponentDriven/componentdriven.org/master/.storybook/main.js): docs page.
- [Preview](https://raw.githubusercontent.com/ComponentDriven/componentdriven.org/master/.storybook/preview.js): docs page.

## Src
- [Development Tools](https://raw.githubusercontent.com/ComponentDriven/componentdriven.org/master/src/development-tools.ts): docs page.
- [Styles](https://raw.githubusercontent.com/ComponentDriven/componentdriven.org/master/src/styles.ts): docs page.
- [Index](https://raw.githubusercontent.com/ComponentDriven/componentdriven.org/master/src/sections/Benefits/index.ts): docs page.
- [Index](https://raw.githubusercontent.com/ComponentDriven/componentdriven.org/master/src/sections/How/index.ts): docs page.
