Home

Niri Dotfiles

Mon, 20 Jul 2026 00:00:00 GMT

import Details from "@components/Details.astro"

Personal dotfiles for Niri (Wayland compositor) on Arch Linux. Cyan theme, minimal, aesthetic.

Screenshots

Overview

Niri is a scrollable tiling Wayland compositor. Config live in ~/.config/niri/.

Tech Stack

Compositor: Niri
Shell: Fish + Starship
Terminal: Kitty
Launcher: wofi
Status Bar: Waybar
Editor: Neovim (LazyVim)
Notifications: Dunst
File Manager: Yazi
Lock Screen: Swaylock

Quick Start

git clone https://github.com/aadnanmt/niri-dotfiles.git
cd niri-dotfiles
cp -r config/* ~/.config/

Directory Structure

config/
├── niri/             # WM config (modules/)
├── kitty/            # Terminal
├── fish/             # Shell config
├── waybar/           # Status bar
├── wofi/             # App launcher
├── dunst/            # Notifications
├── yazi/             # File manager
├── swaylock/         # Lock screen
├── nvim/             # Neovim (LazyVim)
└── theme/            # Cyan color palette

Keybinds

Key	Action
Mod + Return	Kitty
Mod + D	wofi launcher
Mod + N	Kitty nvim
Mod + Q	Close window
Mod + F	Maximize column
Mod + V	Toggle floating
Mod + O	Toggle overview
Mod + 1-9	Switch workspace
Mod + Shift + 1-9	Move to workspace
Mod + P	Powermenu
Mod + .	Expel window from column
Mod + Space	Consume column
Mod + Shift + W	Random wallpaper
Mod + Shift + E	Emoji picker
Super + Shift + L	Lock screen

Credits

Based on hyprland-dotfiles - refactored from Hyprland to Niri WM.

elifouts (Dotfiles): Wofi configs, Powermenu.
dln (wofi-emoji): Emoji selector.
victordantasdev/waybar: Waybar base config.
LazyVim: Neovim framework.
Niri: Wayland compositor.

License

GPL-3.0

@nlbs/css

Mon, 15 Jun 2026 00:00:00 GMT

CSS foundation for the Nanoo Labs ecosystem. Design tokens, resets, and utility components built on LightningCSS.

Quick Start

pnpm add @nlbs/css

import "@nlbs/css"

Or via CDN:

<link rel="stylesheet" href="https://unpkg.com/@nlbs/css" />

Features

Design tokens: CSS custom properties (--nl-*) for colors, spacing, radius, typography
Dark-first: dark mode by default, light override via @media + [data-theme]
Zero runtime: no pre-processor, no framework. Static CSS output
Components: BEM-like nl-* classes: container, button, card, text utilities

Architecture

Build: LightningCSS CLI - bundling, minification, autoprefix
Tokens: CSS custom properties (--nl-*) - colors, spacing (REM), radius, typography
Components: BEM-like nl-* classes
Output: dist/nanoo.min.css

Development

git clone https://github.com/nanoolabs/css.git # clone repo
cd css/      # move to directory repo @nlbs/css
pnpm install # install deps
pnpm build   # minify → dist/nanoo.min.css
pnpm dev     # unminified → dist/nanoo.css

Maintained

@aadnanmt | Nanoo Labs

Context Switch: UIN to School

Sat, 13 Jun 2026 00:00:00 GMT

After spending a few months in the professional world through an internship at UIN Malang. Yoo, I finally had to go back to school.

Last moment at UIN Malang, 04 June 2026.

Transition

Back from mode "work" to mode "study" that comes with its own mental overhead...

Lesson Learned

There are many things I took away from UIN:

Learn more about privacy on the digital world.
Can implementation my skills and knowlegde in location intership with every people.
I’ve come to realize that not everyone understand technology but but thats what make it unique.
I’ve come to understand my strength and weaknesses, but they can be adapted.
My workflow on programming, coding, up to modeling can be better.
Getting more and more curious, even though i'm feeling the imposter syndrome

There’s a lot more, but that’s all i’m spill.

Back to School

Fresh start, 11 June 2026.

Conclusion

The context switch is done. I am back at school now. My time at UIN Malang was a great lesson for me. It taught me about technology, people, and myself. Now, I am ready to focus on my studies and keep improving my skills. Let's keep moving forward.

Kaomoji minimalist

Fri, 15 May 2026 00:00:00 GMT

Minimalist kaomoji for Nanoo Labs documentation.

Quick Start

npm install @nlbs/kaomoji

Usage

import { log } from "@nlbs/kaomoji"

console.log(`${log.fatal} Database connection lost!`)
// → [ ✖_✖ ] Database connection lost!

console.log(`${log.success} Deploy complete`)
// → [ ^■^ ] Deploy complete

console.log(`${log.idle} Waiting for task`)
// → [ □_□ ] Waiting for task

Or consume the raw JSON in any language:

import kaomoji from "@nlbs/kaomoji/kaomoji.json" with { type: "json" }

import json, urllib.request
data = json.load(open("kaomoji.json"))
print(data["fatal"])  # [ ✖_✖ ]

Default fallback

Unknown keys return [ ?_? ].

log.unknown // → "[ ?_? ]"

Reference

Systems

Status	Kaomoji	Description
Architect	`[⌐■_■]`	System architecture
Full Load	`[ █_█ ]`	Max performance
Active	`[ ▣_▣ ]`	Data processing
Busy	`[ ▓_▓ ]`	High workload
Idle	`[ □_□ ]`	Task waiting
Hybrid	`[ ■_█ ]`	Multi-core mode
Secure	`[ ▨_▨ ]`	Security operations
Grid	`[ ▦_▦ ]`	Matrix operations

Programming

Mode	Kaomoji	Description
Success	`[ ^■^ ]`	Build completed
Grind	`[ >■< ]`	Logic execution
Skeptical	`[ ¬■_■ ]`	Validation mode
Debug	`[ ;■_■ ]`	Troubleshooting
Scanning	`[ █_▀ ]`	Resource scanning
Fatal	`[ ✖_✖ ]`	Kernel panic
Void	`[ ∅_∅ ]`	Null reference
Glitch	`[ ░_░ ]`	System glitch
Recursion	`[ ▞▚_▚▞ ]`	Logic recursion
Branch	`[ ▐▌_█ ]`	Logic branching

Connectivity

Type	Kaomoji	Description
Low Power	`[ ▱_▱ ]`	Low energy
Syncing	`[ ☁_■ ]`	Cloud sync
Online	`[ ▄▆█_■ ]`	Connected
Offline	`[ ⊘_■ ]`	Disconnected
Shield	`[ ▓_█ ]`	System protection

Operations

Type	Kaomoji	Description
Init	`[ ▄_█ ]`	Booting sequence
Kernel	`[ ▟_▙ ]`	Kernel monitoring
Ship	`\ [■_■] /`	Production deployment
Break	`[ ▘_▘ ]~`	System cooldown

Raw data

Consume kaomoji.json from any language, its the single source of truth. The index.ts wrapper is optional.

Maintained

@aadnanmt | Nanoo Labs Ecosystems.

Start: My Life Journey

Tue, 12 May 2026 00:00:00 GMT

Today I start to write about my life, not just my coding, debbunging, solving on programmming.
I want to fix my messy life.
I will write everything here.
I hope this helps me understand myself better.
I want to be better.
This is my progress.
I want recording my life.
I hope...

I Buy Domain on Hostinger

Sat, 09 May 2026 00:00:00 GMT

Here are my steps to purchase a domain through Hostinger.

Steps

Yapp, I top up via Dana because i just wanted to, even though there is a Jago bank. Why not?

I check again to nanoolabs.dev on platform hostinger

okeyy, total balace that i spent was 261.086 rupiah (include tax and cont for ICANN

it's okay, tax 11%

commonly, i was asked to enter data for the billing address

okey data for billing address done. censoring for private address

i use QRIS for paying go to buy domain

next

Hostinger give me a QR code to pay for the domain i bought

whatt? minus 1 rupiah? okeyy, no problem

done for paying domain

nice

thanks you too ^o^

it's time to setup the domain

registration domain nanoolabs.dev

waiting prosess registrastion domain

oh yeah, suddenly give a promotion

i got it

censoring for private email

commonly, confirmation verification domain

done

my order details

first time use platfrom Hostinger btw

i don't believe it

yapp, parker domain after registration

i checking information domain nanoolabs.dev on whois. done

Hyprland Dotfiles

Sat, 25 Apr 2026 00:00:00 GMT

import Details from "@components/Details.astro"

This page shows my personal config files (dotfiles) for Arch Linux. It has a custom Hyprland setup with a clear Cyan Color style.

Screenshots

Project Overview

Window Manager: Hyprland (It controls windows on Wayland)
Shell: Fish Shell with Starship
Editor: Neovim (with LazyVim config)
Status Bar: Waybar
Terminal: Kitty
Theme: Custom Cyan theme (#00ffff) for UI parts like borders and terminal colors.
License: GPL-3.0

Directory Structure

.config/
├── alacritty/
├── btop/
├── cava/
├── dunst/
├── fastfetch/
├── fish/
├── htop/
├── hypr/
│   ├── conf/
│   ├── hyprland.conf
│   ├── hyprlock.conf
│   └── hyprpaper.conf
├── kitty/
├── lazygit/
├── lsd/
├── nvim/
├── theme/
├── wallpapers/
├── waybar/
├── wofi/
└── yazi/

Key Programs

As defined in hypr/conf/programs.conf:

Terminal: Kitty
File Manager: Dolphin / Thunar
Menu/Launcher: Wofi (Cyan-cyber theme)
Browser: Firefox
Editor: Neovim / VS Code
Lock Screen: Hyprlock
Logout/Power Menu: Wofi Power Menu

Keybindings

Here are the shortcuts in hypr/conf/keybindings.conf:

Apps & Menus

Super + Return / Q: Open Terminal
Super + B: Open Browser
Super + E: Open File Manager
Super + D: Open Wofi Launcher
Super + .: Emoji Selector (Wofi)
Super + M: Power Menu (Wofi)
Super + G: Volume Control (Pavucontrol)
Super + Shift + W: Wallpaper Select (Wofi)
Super + Shift + S: Screenshot (Grim/Slurp)
Super + Shift + V: Open Neovim

Window Management

Super + Shift + Q: Close active window
Super + V: Toggle floating
Super + P: Pseudo Tiling
Super + J: Toggle Split
Super + Arrow Keys: Move focus

Workspaces

Super + 1-10: Switch workspaces
Super + Shift + 1-10: Move window to workspace
Super + Scroll: Switch workspaces

System (Media Keys)

Vol Up/Down/Mute: Audio Control
Brightness Up/Down: Screen Brightness
Media Play/Pause/Next/Prev: Player Control

Quick Start

git clone https://github.com/aadnanmt/hyprland-dotfiles.git
cd hyprland-dotfiles
cp -r .config/* ~/.config/
hyprctl reload

To use changes in Hyprland, reload it (use hyprctl reload or save the file).
To reload Waybar, use waybar/reload.sh script.

Credits

This setup uses work from the open-source community. Special thanks to:

elifouts (Dotfiles): For the nice Wofi configs, Powermenu, and Hyprlock setup.
dln (wofi-emoji): For the emoji selector script logic in emoji.sh.
Aditya Shakya (adi1090x): For ideas for Rofi/Wofi themes.
Muhammad Diaz (MDiaznf23): For some config in simple-autoricing-i3wm-dotfiles.
LazyVim: For the modern and strong Neovim config framework.
Shivam Salkar (minimal-waybar-config): For the clean and small Waybar config that is the base for the status bar.
Mahaveer Gurjar (Hyprlock-Dots): For the many Hyprlock layouts and scripts.
Hyprland Community: For the great Wayland compositor.
Arch Linux: For being the start of this ricing journey.

Don't Want to Buy a Webcam? Try Droidcam First!

Sat, 11 Apr 2026 00:00:00 GMT

What is Droidcam?

Droidcam is an Android app that turns your phone camera into a temporary webcam for your PC or laptop. You can connect it using Wi-Fi or directly with a USB cable. The basic version is free. The Pro version offers HD quality and no watermark. Let's look at its pros and cons.

Pros?

Free & Open Source
Wireless Connection Possible
Native Linux Support
Up to 1080p Resolution (Pro version)

Cons?

Based on my experience, Droidcam has some downsides:

Wireless latency can be bad. If you want to use this app, I suggest using a USB cable.
Phone gets hot & battery drains fast if used for too long.
First-time setup can be tricky on some Linux distributions.
Quality depends on your phone's camera.

"By the way, I apologize if my writing sometimes contains errors. These ideas come purely from my mind. However, I am always open to any criticism and suggestions from you. Now, let's continue discussing Droidcam."

How to Install Droidcam?

I often use Linux distributions, so I will focus on Linux installation steps.

Here's how to install Droidcam on popular Linux Distros:

1. Debian/Ubuntu-based Distros (Including Linux Mint) This is the recommended method directly from the developer:

Install needed dependencies:

sudo apt install gcc make linux-headers-$(uname -r)

Download and run the official installation script:

cd /tmp/
wget -O droidcam_latest.zip https://files.dev47apps.net/linux/droidcam_latest.zip
unzip droidcam_latest.zip -d droidcam
cd droidcam && sudo ./install-client

2. Arch-based Distros (EndeavourOS, Manjaro, etc.) For Arch-based systems, Droidcam is in the AUR. You will need an AUR helper like yay or paru.

Install basic headers:

sudo pacman -S linux-headers base-devel

Install Droidcam via AUR:

yay -S droidcam

3. For Fedora-based Distros Here's how to install Droidcam on Fedora, based on documentation and forums (I don't use Fedora myself). First, install dependencies:

sudo dnf install kernel-devel kernel-headers gcc make

Then install via COPR repository:

sudo dnf copr enable meeuw/droidcam
sudo dnf install droidcam

Important Final Step (For All Distros): After installing, you must "wake up" the camera driver on your Linux system with this command:

sudo modprobe v4l2loopback_dc

Great, you're done! Now, open the "Droidcam" app from your Linux application menu, or type droidcam in the terminal. To connect your phone camera to your PC/laptop, you can click here. Cmiwww.

Conclusion

Droidcam is best for emergency or short-term use, for example:

Your webcam or laptop camera suddenly stops working during an important Zoom call or meeting.
You are very low on budget and cannot buy a dedicated webcam (even cheap ones, around $15-20).
You need a quick setup without waiting for shipping.

Alternatives if you still want a cheap upgrade:

Check for used webcams on online marketplaces (Logitech C920 is still good in 2026, often $20-30).
Or use other apps: Iriun (free, often more stable in some cases) or built-in Windows Phone Link (if you have a new Android phone).
Developer hack: Use Droidcam + OBS VirtualCam for professional streaming, but it's still temporary.

In short: Droidcam is a lifesaver for emergencies, not for daily use. Test it yourself in your setup. If the lighting is good and you only need it for 30 minutes, it's fine. For longer use, I suggest buying or saving up for a proper webcam.

readmeSync

Wed, 08 Apr 2026 00:00:00 GMT

A minimalist tool to synchronize your GitHub Profile README. Built with Bun and TypeScript, it uses the GitHub GraphQL API for fast data fetching and headless templating.

Architecture

This project follows a Headless Templating approach:

Source: README.template.md (Markdown with placeholders).
Logic: Bun + TS scripts fetch data from GitHub GraphQL.
Renderer: Injects stats into placeholders like {{languages}} and {{commit}}.
Deploy: GitHub Actions automates the sync every 12 hours to your public profile repository.

Tech Stack

Runtime: Bun
Language: TypeScript
API: GitHub GraphQL API v4
Automation: GitHub Actions (Cron)
Formatting: Prettier

Quick Start

git clone https://github.com/aadnanmt/readmeSync.git
cd readmeSync
bun install
bun run setup
# Set GH_TOKEN in .env
bun start <path-to-target-readme>

Authentication

This project requires a GitHub Personal Access Token (PAT). You can use either:

Fine-grained PAT: (Recommended) Requires Contents (Read/Write), Workflows (Read/Write), and Profile (Read-only) permissions.
Classic PAT: (Easier for multiple organizations) Requires repo, workflow, and read:user scopes.

Automation

Updates happen twice a day at 05:00 & 17:00 UTC. Check .github/workflows/stats.yml for the CI/CD pipeline details.

Zero-bloat. Performance-first. Scalable.

Licensed under the MIT License.

Nanoo Labs Website

Mon, 02 Mar 2026 00:00:00 GMT

Official website and lab showcase for Nanoo. Astro 5 site deployed to Cloudflare Pages.

Tech Stack

Framework: Astro 5
Styling: Tailwind CSS v4
Fonts: Geist Sans + Geist Mono
Hosting: Cloudflare Pages

Quick Start

git clone https://github.com/nanoolabs/nanoolabs.dev.git
cd nanoolabs.dev
pnpm install
pnpm dev

Project Structure

src/
├── components/    # Astro components
├── layouts/       # HTML shell with Meta tag
├── pages/         # Routes
├── styles/        # Global CSS + design tokens
├── consts.ts      # Site metadata
└── types.ts       # TypeScript interfaces
public/
├── _headers       # CF security & cache headers
└── _redirects     # CF redirect rules

Nanoo Labs Ecosystem

Design tokens live in the @nlbs/css package. Update tokens there, not in local CSS.

License

MIT License - Nanoo Labs 2026.

Git: Time Machine for Developers

Mon, 26 Jan 2026 00:00:00 GMT

What is Git?

Git is a distributed version control system. It tracks changes in source code during software development. Linus Torvalds (main developer of Linux) created it in 2005.

Why is Git important for developers?

Speed & Security: It is very fast, light, and it is hard to lose data after a commit.
Collaboration: It makes it easy for many people to work on one project together.
Branching & Merging: You can create new branches for isolated features. Then, you can easily merge them into the main code.
Cross Platform: Available on Windows, Linux, and MacOS. Download and Install.

Cheat Sheet: Git for Beginners

You don't need to learn all Git commands on the internet. As a beginner, you only need the cycle: "Pack => Save => Upload".

Here are the important commands:

1. Open the portal (Init)
When you create a new project folder, run this command. Git will start watching your folder.

git init

2. Choose files (Staging)

Before saving, choose which files to include.

Include all files (most common):

git add .

If you only want to include one file:

git add index.html

3. Save point (Commit) This is like saving a game.
Write a clear message. This helps you understand the history later.

git commit -m "style: replace color icon to red"

4. Connect to the internet Do this only once for your project.
This tells your local Git where to send your code (like GitHub).

git branch -M main # change to main if your branch master
git remote add origin https://github.com/username/name-repo

5. Upload your project (Push) Send your code to your GitHub repository.

git push -u origin main

Congratulations, you have secured your digital assets. Using Git is not just a trend; it is an industry standard you must master. Cmiwww:>

Astrolink

Thu, 10 Apr 2025 00:00:00 GMT

A simple link-in-bio page, rebuilt in Astro for faster builds and easier maintenance.

Architecture

Static site generation. Single page with links. No backend, no database. Content defined in one config file.

Tech Stack

Framework: Astro
Styling: Tailwind CSS
Deploy: Vercel

Quick Start

git clone https://github.com/aadnanmt/Astrolink.git
cd astrolink
bun install
bun run dev

Groqili

Fri, 15 Mar 2024 00:00:00 GMT

Groqili is a small React application. It gives a fast and easy way to talk with Groq AI. It is built for speed and simple use. It uses the Groq SDK for very quick answers.

Key Features

Very Fast AI: It works with Groq SDK for quick responses.
New Tech: It uses React and Vite for easy development.
Simple Look: It has a clean design for good work and prompt making.

Project Structure

Groqili/
├── public/
│   └── vite.svg
├── src/
│   ├── assets/
│   │   └── react.svg
│   ├── components/
│   │   └── ChatMessage.jsx
│   ├── utils/
│   │   └── groq.js
│   ├── App.css
│   ├── App.jsx
│   ├── index.css
│   └── main.jsx
├── eslint.config.js
├── index.html
├── package.json
└── vite.config.js

Tech Stack

Frontend: React
Bundler: Vite
AI Engine: Groq SDK
Styling: CSS3

Quick Start

git clone https://github.com/aadnanmt/Groqili.git
cd Groqili
npm install
npm run dev

Licensed under the MIT License.