Welcome to the documentation for the Gaikan framework!
What is Gaikan?
Gaikan is a lightweight, modular, and customizable CSS framework for creating beautiful user interfaces. It provides a set of pre-built styles and components that you can use as a starting point for your own designs.
Installation
To install Gaikan, follow these simple steps:
- Open your terminal or command prompt.
- Navigate to your project directory.
- Run the following command:
npm install gaikan
Usage
To use Gaikan in your project, you need to include the CSS file in your HTML:
<link rel="stylesheet" href="path/to/gaikan.min.css">
Example
Here’s an example of how you can use Gaikan classes to style your HTML:
<button class="gk-btn gk-btn-primary">Submit</button>
<input type="text" class="gk-input" placeholder="Enter your name">
Documentation
Typography
Gaikan provides a range of typography styles that you can use in your project:
.gk-heading
: Use this class for headings..gk-paragraph
: Use this class for regular paragraphs..gk-link
: Use this class for links.
Buttons
Gaikan includes predefined button styles that you can use:
.gk-btn
: Use this class for basic buttons..gk-btn-primary
: Use this class for primary action buttons..gk-btn-secondary
: Use this class for secondary action buttons.
Forms
Gaikan provides styles for form inputs and other form elements:
.gk-input
: Use this class for text input fields..gk-textarea
: Use this class for textarea fields..gk-select
: Use this class for select dropdowns.
Grid System
Gaikan includes a simple grid system to help you create responsive layouts:
.gk-row
: Use this class to create a row..gk-col
: Use this class to define columns.
For more detailed information and examples, please refer to the official documentation.
Conclusion
With Gaikan, you can quickly and easily create stylish user interfaces for your projects. Start using Gaikan today and unleash the power of beautiful design!