cstyle-ui

Overview

cstyle-ui is a custom React component library designed to provide a variety of UI elements like buttons, cards, inputs, and more. This library aims to make building beautiful and consistent UIs easier and more efficient.

Installation

To install the cstyle-ui package, run:

npm install cstyle-ui

Usage

You can use components directly by importing them into your project:

import React from 'react';
import Button1 from 'cstyle-ui/Components/Button1';

function App() {
    return (
        <>
      <Button1 label="Click me" onClick={() => alert('Button clicked!')} />
    </>
  );
}

export default App;

Available Components

• Button: 50 buttons are aviavable. (goal: 100)

  • Button1
  • Button2
  • Button3
  • Button4
  • Button5
  • Button6
  • Button7
  • Button8
  • Button9
  • Button10
  • Button11
  • Button12
  • Button13
  • Button14
  • Button15
  • Button16
  • Button17
  • Button18
  • Button19
  • Button20
  • Button21
  • Button22
  • Button23
  • Button24
  • Button25
  • Button26
  • Button27
  • Button28
  • Button29
  • Button30
  • Button31
  • Button32
  • Button33
  • Button34
  • Button35
  • Button36
  • Button37
  • Button38
  • Button39
  • Button40
  • Button41
  • Button42
  • Button43
  • Button44
  • Button45
  • Button46
  • Button47
  • Button48
  • Button49
  • Button50

More components, such as Cards, Inputs, and others, will be added in future updates.

Development Status

The library is currently in its early stages and only includes the 50 Buttons component. Many more components and features will be added in upcoming versions.

Contribution

Contributions are welcome! If you’d like to contribute, please fork the repository and create a pull request. Feel free to open issues for any bugs or feature requests.

License

This project is licensed under the Apache 2.0 License.

For more details and full documentation, visit the official website (coming soon!).

Note: This package is still under development. Full documentation will be available on the official website soon.