KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #claude-code #codex #dsh #dsh-plugin #ai-agent #ai-agents #deepseek-harness #agent-skills #macos #cli

free-astro-components-web

★ 58 Open GitHub ↗

No description available.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Free Astro Components

Welcome to the **Free Astro Components** repository! This library offers a collection of free, customizable components designed specifically for [Astro.js](https://astro.build/).

## About

This repository powers the documentation site available at [free-astro-components.vercel.app](https://free-astro-components.vercel.app), where you can find detailed usage examples, API references, and customization options for each component in this library.

You can explore the full repository on GitHub [here](https://github.com/denv17/free-astro-components).

## Components

The library currently includes the following components:

- **Icons**: A set of icons for various uses.
- **Buttons**: Stylish and functional buttons for your web applications.
- **Controls**
  - **Checkbox**: A checkbox component.
  - **Radio**: A radio button component.
  - **Switch**: A toggle switch component for user interactions.
- **Input**: A versatile input component for user text entry.
- **Textarea**: A textarea component for larger text input.
- **Select**: A select dropdown component.
- **Tab**: A tab component for organizing content into tabs.
  - **TabItem**: A subcomponent for individual tab items.
- **Modal**: A modal component for displaying content in a dialog.
  - **ModalHeader**: The header section of the modal, usually containing a title and a close button.
  - **ModalBody**: The main content area of the modal.
  - **ModalFooter**: The footer section of the modal, typically containing action buttons.
- **Accordion**
  - A component for creating collapsible content sections.
  - **AccordionItem**: A subcomponent for individual accordion items.

You can find the code for these components in the [components directory](https://github.com/denv17/free-astro-components/tree/main/src/components) of the GitHub repository.

## Installation

To install the components in your Astro.js project, run:

```bash
npm install free-astro-components
```

## Usage

Each component comes with its own documentation and usage examples, which you can find in the [documentation site](https://free-astro-components.vercel.app). Here is a basic example of how to use a component:

```astro
---
import { Button } from 'free-astro-components';
---

<Button label="Click me" />
```

## Customization

Most components come with customizable CSS variables, making it easy to adapt the design to your project. For more details, refer to the [Customize Colors](https://free-astro-components.vercel.app/customize-colors) section in the documentation.

## Contributing

Contributions are welcome! If you have suggestions or find bugs, please [open an issue](https://github.com/denv17/free-astro-components/issues) or submit a pull request.

## License

This project is licensed under the MIT License.

## Thanks

If you find this project helpful and would like to support its development, consider buying me a coffee:

[<img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" >](https://buymeacoffee.com/denv)

free-astro-components-web

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README