UI for beautiful and accessible digital services, based on Japan's Digital Agency design system. https://asagaoui.com
  • SCSS 60.1%
  • HTML 30.4%
  • CSS 5%
  • TypeScript 2.8%
  • JavaScript 1.2%
  • Other 0.5%
Find a file
2026-04-08 14:18:46 +09:00
assets Add icons website 2026-02-08 17:19:44 +09:00
dist Release v0.1.8 2026-03-04 12:17:50 +09:00
scss Add dashboard example pages and sidebar styles 2026-03-24 13:33:42 +09:00
ts Add textarea counter 2026-03-04 12:16:38 +09:00
website-old Move website content and assets to website-old directory for restructuring 2026-04-08 14:18:46 +09:00
.gitignore Move website content and assets to website-old directory for restructuring 2026-04-08 14:18:46 +09:00
CODE_OF_CONDUCT.md Add CODE_OF_CONDUCT.md 2025-02-10 15:55:40 +09:00
CONTRIBUTING.md Add CONTRIBUTING.md 2025-02-10 16:04:49 +09:00
generateIcons.js Remove gulpfile.js 2026-01-31 12:13:38 +09:00
LICENSE Release v0.1.7 2026-02-10 14:10:35 +09:00
NOTICE Add Digital Agency Design System code snippet license to NOTICE file 2025-08-07 10:49:57 +09:00
package.json Move website content and assets to website-old directory for restructuring 2026-04-08 14:18:46 +09:00
README.md Add textarea counter 2026-03-04 12:16:38 +09:00
SECURITY.md Add contact section 2025-02-09 01:16:06 +09:00
tsconfig.json Remove legacy JavaScript and update codesnippet 2026-03-04 09:43:26 +09:00

AsagaoUISymbol AsagaoUI

AsagaoUI is a UI for beautiful and accessible digital services, based on Japan's Digital Agency design system.

WARNING

main branch is for development and is not stable.

Development Status

AsagaoUI is in the early stages of development and may be unstable.

Quickstart

CDN

https://www.jsdelivr.com/package/npm/asagaoui

Clone repository

git clone https://github.com/ctpena/asagaoui.git

dist/css/asagaoui.css is the compiled CSS. You can use it in any way you prefer.

The compiled JavaScript is located at dist/js/asagaoui.js.

Install with NPM

npm i asagaoui

Minimum HTML

The following HTML is required

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>AsagaoUI demo</title>
    <link rel="stylesheet" href="dist/css/asagaoui.css">
</head>
<body class="aui">
<h1>AsagaoUI</h1>
</body>
</html>

Documentation

AsagaoUI documentation is located in the site folder of the project. The documentation site is built with HUGO and is hosted at https://asagaoui.com.

License

AsagaoUI is licensed under the MIT License.

AsagaoUI also includes several external libraries. For all licenses, please see the NOTICE file.

The documentation located under site/content/ is licensed under the CC BY 4.0.

Contact

If you have any questions or suggestions, please email:aui@asagaoui.com