Giter Club home page Giter Club logo

kawai-framework's Introduction

Kawai Framework

The Kawai Framework offers a comprehensive set of tools and resources for developers to create powerful and visually appealing web applications. By leveraging the components and functionalities provided by the framework, developers can streamline the development process and deliver engaging user experiences. With its intuitive design and extensive documentation, Kawai is an ideal choice for developers looking to build modern and responsive web applications.

Overview

Kawai is designed to be intuitive and flexible, providing developers with the tools they need to create unique and visually stunning web pages. The framework is built on HTML, CSS, and JavaScript, and familiarity with these technologies will help you make the most of the framework.

Features

  • Pre-built UI Components: Kawai offers a variety of components that can be utilized to build a robust and engaging user interface. Each component is designed to serve a specific purpose, providing developers with the flexibility to create unique web pages.

  • JavaScript Functionalities: The framework provides a set of JavaScript functions that can be used to create dynamic and interactive web applications. These functions cover a wide range of functionalities, from basic DOM manipulation to advanced features like AJAX and event handling.

  • Responsive Design: Kawai is built with a mobile-first approach, ensuring that your web pages look great on devices of all sizes. The framework provides several CSS classes and JavaScript functions to help you create a responsive design.

  • Customizable: Kawai is designed to be easily customizable. You can easily change the look and feel of your web pages by modifying the CSS classes provided by the framework.

Getting Started

To get started with Kawai, you'll need a basic understanding of HTML, CSS, and JavaScript. Once you're familiar with these technologies, you can start exploring the various components and functionalities offered by the framework.

Features

  • Light-weight, simple and native speedful UI
  • No dependencies
  • Written from scratch
  • Open source
  • Adapts to different screen sizes and applications
  • Customizable with the settings of other developers
  • Easily extendable
  • Powerful developer tool

Installation

To use Kawai in your project, simply include the CSS and JavaScript files in your HTML file:

Fast connect:

<link href="https://cdn.jsdelivr.net/gh/yukiarimo/kawai-framework@main/assets/fonts/kawai-font.woff" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/yukiarimo/kawai-framework@main/assets/css/kawai.css">
<script src="https://cdn.jsdelivr.net/gh/yukiarimo/kawai-framework@main/assets/js/kawai.js" defer></script>

Local connect:

<link href="assets/fonts/kawai-font.woff" rel="stylesheet">
<link rel="stylesheet" href="assets/css/kawai.css">
<script src="assets/js/kawai.js" defer></script>

Requirements

  • Modern web browser
  • A text editor
  • A basic understanding of HTML, CSS, and JavaScript

Documentation

Detailed documentation for the Kawai Framework is available, covering the various features and functionalities offered by the framework. The documentation includes:

  • HTML and CSS Documentation: This provides detailed information on the styling and customization options available for the framework's components.

  • JavaScript Documentation: This focuses on the functionalities and interactions provided by the Kawai Framework. You will discover how to leverage the JavaScript functions to create dynamic and responsive user experiences.

Additional information

If you want to read more and this framework, go by this link to official documentation: Tap Here for docs

Contribute

Kawai is an open-source project and you can contribute to it on GitHub. Official site link: Tap Here for official site If you need help with anything related to Kawai, please reach out to the author at https://www.yukiarimo.com.

Contributions can be made via GitHub, using the following format:

git commit -m "My First Contribution"
pull request
git push main

Licensing

Kawai is open-source software and is licensed under the MIT License. This means that you are free to use, modify, and distribute it.

kawai-framework's People

Contributors

yukiarimo avatar

Stargazers

- avatar Facundo Tenuta avatar  avatar

kawai-framework's Issues

First steps with Kawai

Hello,
I'm exploring the Kawai framework a bit and wanted to integrate it with an Astro project kawai-astro and deploy it on vercel deploy
CDN didn't work.
I manually downloaded the files.
I'll keep exploring.
So far, I've relied on the documentation in docs/kawai-framework.md.
The links in the repository's Readme don't work. They link to "example.com." and
https://www.yukiarimo.tk/ don´t work.
Good job, regards.

Hamburger menu don't work

  1. Function error:
    document.getElementsByClassName('toggle-menu-block')[0].innerHTML = ' <span class="bar"></span> <span class="bar"></span> <span class="bar"></span>';
  2. Manual configuration don't help – CSS broken

Documentation sucks

We need docs that are explained in-depth for Kawai WebUI and Kawai Bundler!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.