c3-components

February 12, 2026 ยท View on GitHub

c3-components is an open-source component library that extends the @angular/material library. This collection of components aims to facilitate and accelerate the development of modern Angular applications by providing reusable and customizable components to meet specific needs.

Table of Contents

Installation

To install c3-components in your Angular project, run the following command:

npm install c3-components

Also, make sure you have installed and configured @angular/material as per their documentation.

Components

c3-components offer a variety of components that extend the functionality of @angular/material. Below is a table listing the available components and their current status:

ComponentStatus
Auto Animate#4caf50 Available
Dialog#4caf50 Available
Dropdown#4caf50 Available
Expansion#4caf50 Available
File Displayer#4caf50 Available
File Upload#f03c15 Planned
File Viewer#4caf50 Available
Flowing Menu#4caf50 Available
Highlight Text#4caf50 Available
Menu#4caf50 Available
Modal#4caf50 Available
Navbar#4caf50 Available
PDF Viewer#ff9800 In Progress
Prevent Event#4caf50 Available
Rounded Title#4caf50 Available
Safe URL#4caf50 Available
Select on Focus#4caf50 Available
Tabs#4caf50 Available
Trace Card#4caf50 Available
Tree#4caf50 Available

Documentation

Complete documentation for the c3-components is available on our documentation website. You'll find usage examples, guides, and API references for each component.

Development

If you'd like to contribute to the development of c3-components, follow the steps below to set up your development environment:

  1. Clone the repository:
git clone https://github.com/c3ulnta0rk/c3-components.git
  1. Install the dependencies:
bun install
  1. Build the library in watch mode:
bunx @angular/cli build c3-components --watch
  1. (In a new cmd) Link the library to the demo application:
npm link c3-components
  1. Run the demo application:
bun start

This will launch a local instance of the demo application to aid in the development and testing of the components.

Contributing

This is my first contribution, and I am learning as I go. Please be understanding and patient as I work to improve this project.

Before contributing, please read our contribution guide for best practices and guidelines for our project.

License

c3-components are licensed under the MIT License. You are free to use, modify, and distribute it, subject to the terms of this license.