Component Library for Astro

Webcore is an open-source, customizable UI component library for Astro styled with Sass. It supports both Svelte and React with a compatible API. Webcore offers the following key features:

• Multiple framework support: Webcore supports Astro, Svelte and React out of the box. This makes it an ideal choice for projects that use different tech stacks but require consistent visuals.
• Configurable: All components are designed with configurability in mind, enabling you to use Webcore for a wide variety of use cases.
• Themeable: CSS is easily customizable, allowing you to create different themes. Individual components can be styled using CSS variables.
• No Dependencies: Webcore doesn’t rely on any third-party packages apart from the supported frameworks. With Webcore, you don’t need to worry about configuring additional tools.

You can use Webcore as a standalone library or integrate it into your existing codebase. To get started with a new project, run the following command in your terminal and follow the prompts:

npm create webcore@latest

Once installed, you can start importing Webcore components into your project using one of the following imports:

• webcoreui/astro: Use for importing Astro components.
• webcoreui/svelte: Use for importing Svelte components.
• webcoreui/react: Use for importing React components.

---
import { Button } from 'webcoreui/astro'
---

<Button>Welcome to Webcore!</Button>

<script>
    import { Button } from 'webcoreui/svelte'
</script>

<Button>Welcome to Webcore!</Button>

import { Button } from 'webcoreui/react'

const Component = () => <Button>Welcome to Webcore!</Button>

export default Component

For detailed documentation on how to use Webcore in your project, please see the documentation below.