, a minimal <style> block that styles code, blockquotes, and tables nicely, and the body with your converted content. You can download this and open it in any browser and it will render correctly. When off, the output is just the inner HTML (the <h1>, <p>, etc. tags without the document wrapper), suitable for pasting into a larger page or CMS rich-text field."},{"question":"How does the live preview work?","answer":"Every keystroke in the Markdown textarea triggers a re-parse (sub-millisecond for typical documents) and updates both the HTML output card and the rendered preview card. The preview uses the same HTML you see in the output card, but rendered into the live preview area as DOM. So what you see is what the browser will paint. The download button captures the HTML at the moment you click; copy captures the same. There is no debounce because the parser is fast enough that typing 80 wpm does not cause lag on a modern phone."},{"question":"Is my data private?","answer":"Yes. The parser is custom pure-JS inlined in the HTML. There are no network calls, no CDN scripts, no analytics. The Markdown is processed locally in the browser and never sent anywhere. You can use the tool for sensitive internal documentation, draft blog posts, or any content you do not want leaving your device."}],"faq_id":[{"question":"Fitur Markdown apa yang didukung?","answer":"Heading (# sampai ######), bold (**text** / __text__), italic (*text** / _text_), inline code (`code`), fenced code block (``` dengan class bahasa opsional), unordered list (-, *, +), ordered list (1. 2. 3.), link ([text](url)), gambar (![alt](url)), tabel dengan alignment (:---: / :--- / ---:), blockquote (>), dan horizontal rule (--- atau *** atau ___). TIDAK didukung: nested fenced code, list bersarang lebih dari satu level, reference-style link ([text][ref]), footnote, task list (- [x]), strikethrough (~~text~~), HTML pass-through (HTML mentah di Markdown di-escape, tidak di-interpretasi), dan reference-style image. Parser sekitar 200 baris JS kustom yang di-inline di halaman."},{"question":"Kenapa pakai parser kustom dan bukan marked.js atau showdown?","answer":"Untuk menjaga tool tetap offline dan tanpa dependensi. Library Markdown populer (marked, showdown, markdown-it) sangat baik tapi butuh script CDN (panggilan jaringan) atau build step (npm + bundler). Parser in-house menangani 95% Markdown umum dalam sekitar 200 baris. Trade-off-nya adalah beberapa fitur lanjutan (list bersarang lebih dari 1, raw HTML pass-through, reference-style link) tidak didukung. Untuk posting blog, README, dan dokumentasi tipikal, parser in-house menghasilkan HTML yang bersih dan dapat diprediksi."},{"question":"Apa yang dilakukan toggle \"Bungkus dalam dokumen\"?","answer":"Ketika aktif, output adalah dokumen HTML standalone lengkap: <!DOCTYPE html>, <html>, <head> dengan charset dan viewport meta, <title>, blok <style> minimal yang men-style code, blockquote, dan tabel dengan rapi, dan body dengan konten yang dikonversi. Kamu bisa mengunduh ini dan membukanya di browser mana pun dan akan render dengan benar. Ketika nonaktif, output hanya HTML bagian dalam (tag <h1>, <p>, dll. tanpa wrapper dokumen), cocok untuk ditempel ke halaman yang lebih besar atau field rich-text CMS."},{"question":"Bagaimana kerja pratinjau langsung?","answer":"Tiap ketukan di textarea Markdown memicu re-parse (sub-millisecond untuk dokumen tipikal) dan memperbarui baik kartu output HTML maupun kartu pratinjau yang di-render. Pratinjau menggunakan HTML yang sama dengan yang kamu lihat di kartu output, tapi di-render ke area pratinjau langsung sebagai DOM. Jadi yang kamu lihat adalah yang akan di-cat browser. Tombol unduh menangkap HTML pada saat kamu klik; salin menangkap yang sama. Tidak ada debounce karena parser cukup cepat sehingga mengetik 80 wpm tidak menyebabkan lag di HP modern."},{"question":"Apakah data saya privat?","answer":"Ya. Parser adalah JS murni kustom yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada script CDN, tidak ada analytics. Markdown diproses secara lokal di browser dan tidak pernah dikirim ke mana pun. Kamu bisa pakai tool untuk dokumentasi internal sensitif, draf posting blog, atau konten apa pun yang tidak kamu ingin meninggalkan device kamu."}]},{"id":"a9c3d4e5-6f7a-4b8c-9d0e-1f2a3b4c5d6e","slug":"binary-text-converter","name":"Binary / Hex / Base32 / Octal Converter","name_id":"Konverter Biner / Hex / Base32 / Oktal","icon":"01","category":"developer","meta_description":"Convert text to and from binary (8-bit ASCII), hex, base32, and octal. Multi-format. Spacing and separator options. Copy all. 100% offline.","meta_description_id":"Konversi teks ke dan dari biner (8-bit ASCII), hex, base32, dan oktal. Multi-format. Opsi spasi dan separator. Salin semua. 100% offline.","long_description":"A multi-format numeric encoding tool for text. Encode any UTF-8 string into four representations at once: Binary (8-bit ASCII, separated by space by default), Hex (lowercase or uppercase, space-separated), Base32 (RFC 4648, the same alphabet used in TOTP and many crypto libraries), and Octal (3-digit, space-separated). The Decode tab reverses the process: pick the format, optionally specify a separator, paste the encoded text, and get the original string back. Invalid characters produce a clear error message (\"not valid binary\", \"not valid hex\", etc.) so you know exactly which format is expected. UTF-8 is handled correctly — emojis and accented characters round-trip cleanly because the converter operates on bytes, not characters. The Copy All button grabs all four encoded forms with their labels, one per line. 100% offline, no CDN.","long_description_id":"Tool encoding numerik multi-format untuk teks. Encode string UTF-8 apa pun ke empat representasi sekaligus: Biner (8-bit ASCII, dipisah spasi secara default), Hex (huruf kecil atau besar, dipisah spasi), Base32 (RFC 4648, alfabet yang sama dipakai di TOTP dan banyak library kripto), dan Oktal (3-digit, dipisah spasi). Tab Decode memutar balik proses: pilih format, tentukan separator opsional, tempel teks ter-encode, dan dapatkan string asli kembali. Karakter tidak valid menghasilkan pesan error yang jelas (\"bukan biner valid\", \"bukan hex valid\", dll.) jadi kamu tahu persis format mana yang diharapkan. UTF-8 ditangani dengan benar — emoji dan karakter aksen round-trip dengan bersih karena konverter beroperasi pada byte, bukan karakter. Tombol Salin Semua mengambil keempat bentuk ter-encode dengan labelnya, satu per baris. 100% offline, tanpa CDN.","size":"12 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is the difference between binary, hex, base32, and octal?","answer":"All four are positional numeral systems that represent the same underlying bytes. Binary is base 2 (each digit is 0 or 1) — the native format of computers. Hex is base 16 (digits 0-9, A-F) — the most common shorthand for binary because each hex digit represents 4 binary digits, so 4 bytes (32 bits) become 8 hex characters. Base32 is base 32 (alphabet A-Z and 2-7) — less compact than hex but case-insensitive and URL-safe, used in TOTP secrets and some file systems. Octal is base 8 (digits 0-7) — older Unix file permissions and some assembly languages. They are interchangeable representations; the tool lets you pick whichever is most convenient for the context."},{"question":"How does the UTF-8 handling work?","answer":"The tool operates on bytes, not characters. The encode step uses TextEncoder to convert the input string to a UTF-8 byte array, then formats each byte in the chosen representation. The decode step parses the encoded form back to a byte array, then uses TextDecoder with the fatal flag to convert bytes back to a string. If the byte array is not valid UTF-8, the decoder throws and the tool falls back to a lossy ASCII visualization (replacing each non-ASCII byte with a dot). This means emoji and accented characters round-trip cleanly in the encode/decode direction, but pasting random binary that is not UTF-8 will give you the lossy fallback."},{"question":"Why is Base32 padded with = signs?","answer":"Base32 represents bytes in 5-bit groups. The input byte count is rarely a multiple of 5, so the output is padded with = signs to make its length a multiple of 8 characters. This is the RFC 4648 standard. The decoder strips trailing = signs before processing, so you can paste Base32 with or without the padding. The alphabet is the standard A-Z, 2-7 (32 symbols), which is why Base32 is case-insensitive — the encoder emits uppercase by convention, but the decoder accepts both cases."},{"question":"What does the separator option do on the Decode tab?","answer":"By default the decoder strips all whitespace, so a hex string with spaces, a binary string with spaces, or an octal string with newlines all parse correctly. The separator field lets you declare a specific separator (e.g. a colon, a comma, or \"0x\") that you want preserved in the output display. The decoder itself does not care what separator you use; it just removes all non-hex/non-binary/non-octal characters before parsing. The field is mostly for documentation — paste your formatted input, see it parsed correctly."},{"question":"Is my data private?","answer":"Yes. The encoders and decoders are pure JavaScript implementations of the standard algorithms, inlined in the HTML. There are no network calls and no CDN. The text you encode or decode never leaves your device. You can convert sensitive strings (passwords, tokens, internal IDs) without any data being transmitted."}],"faq_id":[{"question":"Apa beda biner, hex, base32, dan oktal?","answer":"Keempatnya adalah sistem numeral posisional yang merepresentasikan byte yang sama. Biner adalah basis 2 (tiap digit 0 atau 1) — format asli komputer. Hex adalah basis 16 (digit 0-9, A-F) — singkatan paling umum untuk biner karena tiap digit hex merepresentasikan 4 digit biner, jadi 4 byte (32 bit) menjadi 8 karakter hex. Base32 adalah basis 32 (alfabet A-Z dan 2-7) — kurang ringkas dari hex tapi case-insensitive dan URL-safe, dipakai di secret TOTP dan beberapa file system. Oktal adalah basis 8 (digit 0-7) — permission file Unix lama dan beberapa bahasa assembly. Mereka adalah representasi yang dapat dipertukarkan; tool memungkinkan kamu pilih mana pun yang paling удобно untuk konteksnya."},{"question":"Bagaimana kerja penanganan UTF-8?","answer":"Tool beroperasi pada byte, bukan karakter. Langkah encode memakai TextEncoder untuk mengonversi string input ke array byte UTF-8, lalu memformat tiap byte dalam representasi yang dipilih. Langkah decode mem-parse bentuk ter-encode kembali ke array byte, lalu memakai TextDecoder dengan flag fatal untuk mengonversi byte kembali ke string. Kalau array byte bukan UTF-8 valid, decoder melempar error dan tool fallback ke visualisasi ASCII lossy (mengganti tiap byte non-ASCII dengan titik). Ini berarti emoji dan karakter aksen round-trip dengan bersih di arah encode/decode, tapi menempel biner acak yang bukan UTF-8 akan memberimu fallback lossy."},{"question":"Kenapa Base32 di-padding dengan tanda =?","answer":"Base32 merepresentasikan byte dalam grup 5-bit. Jumlah byte input jarang merupakan kelipatan 5, jadi output di-padding dengan tanda = untuk membuat panjangnya kelipatan 8 karakter. Ini standar RFC 4648. Decoder memotong tanda = di akhir sebelum memproses, jadi kamu bisa menempel Base32 dengan atau tanpa padding. Alfabetnya adalah standar A-Z, 2-7 (32 simbol), itulah kenapa Base32 case-insensitive — encoder emit huruf besar berdasarkan konvensi, tapi decoder menerima kedua kasus."},{"question":"Apa yang dilakukan opsi separator di tab Decode?","answer":"Secara default decoder menghapus semua whitespace, jadi string hex dengan spasi, string biner dengan spasi, atau string oktal dengan newline semua parse dengan benar. Field separator memungkinkan kamu mendeklarasikan separator spesifik (mis. titik dua, koma, atau \"0x\") yang ingin kamu pertahankan di tampilan output. Decoder sendiri tidak peduli separator apa yang kamu pakai; dia hanya menghapus semua karakter non-hex/non-biner/non-oktal sebelum parsing. Field tersebut kebanyakan untuk dokumentasi — tempel input terformat kamu, lihat ia ter-parse dengan benar."},{"question":"Apakah data saya privat?","answer":"Ya. Encoder dan decoder adalah implementasi JavaScript murni dari algoritma standar, di-inline di HTML. Tidak ada panggilan jaringan dan tidak ada CDN. Teks yang kamu encode atau decode tidak pernah meninggalkan device kamu. Kamu bisa mengonversi string sensitif (password, token, ID internal) tanpa data apa pun yang ditransmisikan."}]},{"id":"b0d4e5f6-7a8b-4c9d-0e1f-2a3b4c5d6e7f","slug":"compound-interest-calculator","name":"Compound Interest Calculator","name_id":"Kalkulator Bunga Majemuk","icon":"Σ","category":"finance","meta_description":"Compound interest with monthly contribution, inflation adjustment, and tax. Year-by-year breakdown. IDR/USD toggle. Real (inflation-adjusted) value. 100% offline.","meta_description_id":"Bunga majemuk dengan setoran bulanan, penyesuaian inflasi, dan pajak. Breakdown tahun per tahun. Toggle IDR/USD. Nilai riil (adjusted inflasi). 100% offline.","long_description":"A compound interest calculator that goes beyond the basics. Set the initial principal, the monthly contribution, the annual interest rate, the time horizon in years, the compounding frequency (monthly, quarterly, semi-annually, annually), the annual inflation rate, and optionally a tax rate on gains. The summary tiles show the final nominal value, total contributed, total interest earned, and the real (inflation-adjusted) value at the end of the period. The year-by-year breakdown table shows the running balance, contributions for that year, interest earned that year, and the inflation-adjusted real value. Tax owed and net after tax appear as extra tiles when tax is non-zero. The currency toggle flips between IDR (Rp 1.234.567, full no-decimal format) and USD ($1,234.57, with cents). 100% offline, no external rate lookups, the math is the standard compound-interest-with-recurring-contribution formula run per period.","long_description_id":"Kalkulator bunga majemuk yang melampaui dasar. Atur modal awal, setoran bulanan, tingkat bunga tahunan, horizon waktu dalam tahun, frekuensi compounding (bulanan, kuartalan, semi-tahunan, tahunan), tingkat inflasi tahunan, dan opsionalnya tarif pajak atas bunga. Tile ringkasan menampilkan nilai nominal akhir, total setoran, total bunga yang dihasilkan, dan nilai riil (adjusted inflasi) di akhir periode. Tabel breakdown tahun per tahun menampilkan saldo berjalan, setoran untuk tahun itu, bunga yang dihasilkan tahun itu, dan nilai riil adjusted inflasi. Pajak terutang dan bersih setelah pajak muncul sebagai tile ekstra ketika pajak non-nol. Toggle currency beralih antara IDR (Rp 1.234.567, format tanpa desimal) dan USD ($1,234.57, dengan sen). 100% offline, tanpa lookup rate eksternal, matematikanya adalah formula standar bunga majemuk-dengan-seteroran-berulang yang dijalankan per periode.","size":"13 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How is the compound interest calculated with monthly contributions?","answer":"The tool runs a period-by-period simulation. For each compounding period (monthly, quarterly, etc.) it adds the per-period contribution, then multiplies the new balance by (1 + annual_rate / periods_per_year). This handles arbitrary compounding frequencies correctly. The per-period contribution is (monthly_contribution × 12 / periods_per_year), so the total annual contribution matches your monthly input regardless of the compounding frequency. The \"Contribute at start of month\" toggle controls whether the contribution is added before or after the interest accrues in that period."},{"question":"What is the real (inflation-adjusted) value?","answer":"The real value is what your nominal future value would buy in today's prices, accounting for inflation. The formula is real = nominal / (1 + inflation_rate)^years. So if you end up with Rp 1 billion after 20 years and inflation was 3% per year, the real value is Rp 1B / 1.03^20 = Rp 554 million in today's money. This tells you whether your investment is actually growing in purchasing power or just keeping up with rising prices. A 6% return with 3% inflation is a real 3% return, which doubles purchasing power in ~24 years."},{"question":"How does the tax on gains work?","answer":"Tax is applied once at the end, on the total interest earned (not on each period). The tool sums all interest over the lifetime of the investment, multiplies by your tax rate, and shows the tax owed and the net after-tax value. This is a simplification — actual tax rules may tax gains annually, allow cost-basis adjustments, or apply different rates to different holding periods. Use the tool for planning scenarios, not for tax filing. The tax field is optional; set to 0% for tax-advantaged accounts (401k, Roth IRA, Indonesian Reksa Dana)."},{"question":"What is the difference between compound frequencies?","answer":"Compounding frequency controls how often interest is added to the balance. Monthly means interest is calculated 12 times per year, quarterly 4 times, semi-annually 2 times, annually once. More frequent compounding produces a slightly higher final value because interest earns interest sooner. For a 6% annual rate over 20 years on Rp 10M with no contributions: monthly compounding gives Rp 33.1M, quarterly gives Rp 32.9M, annual gives Rp 32.1M. The difference is small for low rates and short periods, larger for high rates over decades. Most savings accounts and CDs compound monthly; most bonds compound semi-annually."},{"question":"Is my data private?","answer":"Yes. The math is pure JavaScript inlined in the HTML. There are no network calls, no API lookups for current rates, no CDN. The currency formatting is local JavaScript. The values you enter and the results you see never leave your device. You can use the tool to plan your personal finances, model retirement scenarios, or estimate loan costs without any data being transmitted."}],"faq_id":[{"question":"Bagaimana bunga majemuk dihitung dengan setoran bulanan?","answer":"Tool menjalankan simulasi periode demi periode. Untuk tiap periode compounding (bulanan, kuartalan, dll.) ia menambah setoran per-periode, lalu mengalikan saldo baru dengan (1 + tarif_tahunan / periode_per_tahun). Ini menangani frekuensi compounding sembarang dengan benar. Setoran per-periode adalah (setoran_bulanan × 12 / periode_per_tahun), jadi total setoran tahunan cocok dengan input bulanan kamu terlepas dari frekuensi compounding. Toggle \"Setor di awal bulan\" mengontrol apakah setoran ditambahkan sebelum atau setelah bunga bertambah di periode itu."},{"question":"Apa itu nilai riil (adjusted inflasi)?","answer":"Nilai riil adalah apa yang bisa dibeli oleh nilai nominal masa depan kamu dalam harga hari ini, dengan memperhitungkan inflasi. Formulanya adalah real = nominal / (1 + tarif_inflasi)^tahun. Jadi kalau kamu berakhir dengan Rp 1 miliar setelah 20 tahun dan inflasi 3% per tahun, nilai riilnya adalah Rp 1M / 1.03^20 = Rp 554 juta dalam uang hari ini. Ini memberitahu kamu apakah investasimu benar-benar tumbuh dalam daya beli atau hanya mengikuti harga yang naik. Return 6% dengan inflasi 3% adalah return riil 3%, yang menggandakan daya beli dalam ~24 tahun."},{"question":"Bagaimana kerja pajak atas bunga?","answer":"Pajak diterapkan sekali di akhir, atas total bunga yang dihasilkan (bukan di tiap periode). Tool menjumlahkan semua bunga selama masa investasi, mengalikan dengan tarif pajak kamu, dan menampilkan pajak terutang dan nilai bersih setelah pajak. Ini adalah penyederhanaan — aturan pajak aktual mungkin memajaki gain tahunan, memperbolehkan penyesuaian cost-basis, atau menerapkan tarif berbeda untuk periode holding berbeda. Pakai tool untuk skenario perencanaan, bukan untuk filing pajak. Field pajak opsional; atur ke 0% untuk akun yang di-tax-advantage (401k, Roth IRA, Reksa Dana Indonesia)."},{"question":"Apa beda frekuensi compounding?","answer":"Frekuensi compounding mengontrol seberapa sering bunga ditambahkan ke saldo. Bulanan berarti bunga dihitung 12 kali per tahun, kuartalan 4 kali, semi-tahunan 2 kali, tahunan sekali. Compounding lebih sering menghasilkan nilai akhir sedikit lebih tinggi karena bunga menghasilkan bunga lebih cepat. Untuk tarif 6% tahunan selama 20 tahun pada Rp 10 juta tanpa setoran: compounding bulanan memberi Rp 33,1 juta, kuartalan memberi Rp 32,9 juta, tahunan memberi Rp 32,1 juta. Bedanya kecil untuk tarif rendah dan periode pendek, lebih besar untuk tarif tinggi selama dekade. Kebanyakan rekening tabungan dan CD compounding bulanan; kebanyakan obligasi compounding semi-tahunan."},{"question":"Apakah data saya privat?","answer":"Ya. Matematikanya adalah JavaScript murni yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada lookup API untuk tarif saat ini, tidak ada CDN. Formatting currency adalah JavaScript lokal. Nilai yang kamu masukkan dan hasil yang kamu lihat tidak pernah meninggalkan device kamu. Kamu bisa pakai tool untuk merencanakan keuangan pribadi, memodelkan skenario pensiun, atau memperkirakan biaya pinjaman tanpa data apa pun yang ditransmisikan."}]},{"id":"b99a7a96-0672-4d1f-b7aa-85ec3abc855a","slug":"jwt-generator","name":"JWT Generator","name_id":"Generator JWT","icon":"🔏","category":"developer","meta_description":"Sign JWT with HS256/HS384/HS512, decode tokens, edit header/payload, claim presets (iat/exp/iss/aud/jti), Web Crypto API. 100% offline.","meta_description_id":"Sign JWT dengan HS256/HS384/HS512, decode token, edit header/payload, preset claim (iat/exp/iss/aud/jti), Web Crypto API. 100% offline.","long_description":"A complete JWT workbench. The Sign tab lets you compose the header (alg, typ, kid) and the payload (any JSON), choose HS256/HS384/HS512, paste or auto-generate a secret, and produce a signed token using the browser Web Crypto API. Claim presets insert iat = now, exp = +1h/+24h/+7d, iss, aud, and a random jti with one tap. The Decode tab takes any token and shows the header, payload (with the standard claim names iss/sub/aud/exp/nbf/iat/jti annotated, and exp highlighted green/amber/red based on remaining lifetime), and the signature. The \"Use in Sign\" button takes a decoded token back into the Sign tab so you can tweak and re-sign it. Header editors warn on invalid JSON, secret box can be hidden or shown, and a random-secret button generates 32 bytes of hex. Everything runs in your browser — tokens and secrets never leave your device.","long_description_id":"Workbench JWT lengkap. Tab Sign memungkinkan kamu menyusun header (alg, typ, kid) dan payload (JSON apapun), pilih HS256/HS384/HS512, tempel atau auto-generate secret, dan hasilkan token tertandatangani menggunakan Web Crypto API browser. Preset claim menyisipkan iat = sekarang, exp = +1 jam/+24 jam/+7 hari, iss, aud, dan jti acak dengan satu ketuk. Tab Decode mengambil token apapun dan menampilkan header, payload (dengan nama claim standar iss/sub/aud/exp/nbf/iat/jti dianotasi, dan exp ditandai hijau/kuning/merah berdasarkan sisa masa berlaku), dan tanda tangan. Tombol \"Pakai di Sign\" mengembalikan token yang di-decode ke tab Sign supaya kamu bisa memodifikasi dan menandatangani ulang. Editor header memperingatkan pada JSON tidak valid, kotak secret bisa disembunyikan atau ditampilkan, dan tombol random-secret menghasilkan 32 byte hex. Semua berjalan di browser kamu — token dan secret tidak pernah meninggalkan device kamu.","size":"18 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Does this verify JWT signatures?","answer":"The Decode tab shows the signature but does not verify it. Verification requires the right algorithm (HMAC for HS*, RSA/ECDSA for RS*/ES*) and the matching key. Use a server-side library like jsonwebtoken (Node), jose (Node/browser), or pyjwt (Python) for verification. The Sign tab uses Web Crypto HMAC and produces a signature that any standard verifier can check given the same secret and algorithm."},{"question":"Why only HS256/HS384/HS512 and not RS256/ES256?","answer":"RS256 and ES256 use RSA and ECDSA asymmetric keys, which require importing a PEM private key. That works in browsers but the input UX is much messier (PEM parsing, key import via crypto.subtle.importKey with format=spki/pkcs8). HS256/384/512 cover the most common use case (shared-secret API tokens, internal service-to-service auth, local development) and stay truly offline. For RS/ES signing in the browser, use a tool dedicated to asymmetric keys."},{"question":"What is the iat/exp preset?","answer":"iat (issued at) and exp (expiration) are standard JWT claims that store Unix seconds. The +1h/+24h/+7d buttons set exp to that many seconds in the future from now. The iat preset sets iat to the current Unix time. The jti preset generates 16 random hex characters for a unique token ID, useful for one-time tokens, password resets, or preventing replay attacks."},{"question":"How does the random secret generator work?","answer":"It calls crypto.getRandomValues on a 32-byte Uint8Array (256 bits) and renders it as 64 hex characters. That meets the HS256 minimum key length (256 bits per RFC 7518 §3.2), the HS384 minimum (384 bits — short by 16 hex chars but still cryptographically strong), and the HS512 minimum (512 bits — also short). For HS384/HS512 you should use a 48-byte or 64-byte secret. Treat generated secrets like passwords — copy them into your secret manager and never commit them."},{"question":"Is my secret sent anywhere?","answer":"No. Both signing and decoding are pure client-side JavaScript using the Web Crypto API. The secret, the header, the payload, and the resulting token all stay in your browser. There is no fetch, no XHR, no WebSocket, no CDN. You can use the tool to sign tokens for local development, test JWT-protected endpoints, or generate throwaway tokens without any data being transmitted."}],"faq_id":[{"question":"Apakah ini memverifikasi tanda tangan JWT?","answer":"Tab Decode menampilkan tanda tangan tapi tidak memverifikasinya. Verifikasi butuh algoritma yang tepat (HMAC untuk HS*, RSA/ECDSA untuk RS*/ES*) dan kunci yang cocok. Pakai library sisi server seperti jsonwebtoken (Node), jose (Node/browser), atau pyjwt (Python) untuk verifikasi. Tab Sign menggunakan Web Crypto HMAC dan menghasilkan tanda tangan yang bisa dicek oleh verifier standar mana pun dengan secret dan algoritma yang sama."},{"question":"Kenapa hanya HS256/HS384/HS512 dan bukan RS256/ES256?","answer":"RS256 dan ES256 memakai kunci asimetris RSA dan ECDSA, yang butuh impor private key PEM. Itu berfungsi di browser tapi UX input jauh lebih berantakan (parsing PEM, impor key via crypto.subtle.importKey dengan format=spki/pkcs8). HS256/384/512 mencakup kasus penggunaan paling umum (token API shared-secret, auth service-to-service internal, development lokal) dan tetap benar-benar offline. Untuk signing RS/ES di browser, pakai tool yang didedikasikan untuk kunci asimetris."},{"question":"Apa itu preset iat/exp?","answer":"iat (issued at) dan exp (expiration) adalah claim standar JWT yang menyimpan Unix seconds. Tombol +1 jam/+24 jam/+7 hari mengatur exp ke detik sebanyak itu di masa depan dari sekarang. Preset iat mengatur iat ke waktu Unix saat ini. Preset jti menghasilkan 16 karakter hex acak untuk ID token unik, berguna untuk token sekali pakai, reset password, atau mencegah serangan replay."},{"question":"Bagaimana kerja generator secret acak?","answer":"Ia memanggil crypto.getRandomValues pada Uint8Array 32 byte (256 bit) dan merendernya sebagai 64 karakter hex. Itu memenuhi panjang kunci minimum HS256 (256 bit per RFC 7518 §3.2), minimum HS384 (384 bit — kurang 16 karakter hex tapi tetap kuat secara kriptografis), dan minimum HS512 (512 bit — juga kurang). Untuk HS384/HS512 kamu harus pakai secret 48 byte atau 64 byte. Perlakukan secret yang di-generate seperti password — salin ke secret manager kamu dan jangan pernah commit."},{"question":"Apakah secret saya dikirim ke mana pun?","answer":"Tidak. Baik signing maupun decoding adalah JavaScript murni sisi client yang memakai Web Crypto API. Secret, header, payload, dan token yang dihasilkan semuanya tetap di browser kamu. Tidak ada fetch, tidak ada XHR, tidak ada WebSocket, tidak ada CDN. Kamu bisa pakai tool untuk sign token untuk development lokal, test endpoint yang dilindungi JWT, atau menghasilkan token sekali pakai tanpa data apa pun yang ditransmisikan."}]},{"id":"07f407d0-233c-481b-a8bd-157f9af8a68b","slug":"eisenhower-matrix","name":"Eisenhower Matrix","name_id":"Matriks Eisenhower","icon":"🧭","category":"productivity","meta_description":"Prioritize tasks in 2x2 quadrants: Do, Schedule, Delegate, Delete. Drag-drop between quadrants, deadlines with overdue badge, localStorage, export/import JSON. 100% offline.","meta_description_id":"Prioritaskan tugas dalam 4 kuadran: Kerjakan, Jadwalkan, Delegasi, Hapus. Drag-drop antar kuadran, deadline dengan badge terlambat, localStorage, export/import JSON. 100% offline.","long_description":"A drag-and-drop Eisenhower Matrix. Add a task with a title, optional note, optional deadline, and pick a starting quadrant. The four quadrants are Q1 = urgent & important (do now), Q2 = important & not urgent (schedule), Q3 = urgent & not important (delegate), Q4 = neither (delete). Tasks render as color-coded cards inside each quadrant with the deadline shown in green (today), amber (upcoming), or red (overdue). Drag any card and drop it on another quadrant to re-prioritize. Tap the × on a card to delete. Everything saves to localStorage automatically. The export button dumps the current state to a JSON file (with version and ISO timestamp), and the import button reads one back — useful for backup, moving between devices, or template reuse. The \"Clear all\" button wipes everything after a confirmation prompt.","long_description_id":"Matriks Eisenhower drag-and-drop. Tambah tugas dengan judul, catatan opsional, deadline opsional, dan pilih kuadran awal. Empat kuadran adalah Q1 = mendesak & penting (kerjakan sekarang), Q2 = penting & tidak mendesak (jadwalkan), Q3 = mendesak & tidak penting (delegasi), Q4 = tidak keduanya (hapus). Tugas dirender sebagai kartu berkode warna di dalam tiap kuadran dengan deadline ditampilkan dalam hijau (hari ini), kuning (akan datang), atau merah (terlambat). Drag kartu mana pun dan drop di kuadran lain untuk memprioritaskan ulang. Ketuk × di kartu untuk menghapus. Semuanya otomatis tersimpan ke localStorage. Tombol export membuang state saat ini ke file JSON (dengan versi dan timestamp ISO), dan tombol import membaca satu kembali — berguna untuk backup, pindah device, atau reuse template. Tombol \"Hapus semua\" menghapus semuanya setelah prompt konfirmasi.","size":"15 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is the Eisenhower Matrix?","answer":"A prioritization framework popularized by President Dwight Eisenhower. It sorts tasks along two axes: urgent vs. not urgent, and important vs. not important. The Q1 quadrant (urgent AND important) is \"do now\" — crises, deadlines, fires. Q2 (important, not urgent) is \"schedule\" — long-term planning, exercise, relationship building. Q3 (urgent, not important) is \"delegate\" — interruptions, other peoples emergencies. Q4 (neither) is \"delete\" — time wasters, busywork. The point is that most people spend too much time in Q1 and Q3, reacting, and not enough in Q2, which prevents future Q1 fires."},{"question":"How does drag-and-drop work on mobile?","answer":"Native HTML5 drag-and-drop is a desktop API. On touch devices, the touch-and-hold pattern varies by browser. iOS Safari and Chrome mobile do not support HTML5 drag from JavaScript by default. The card has cursor: grab on desktop so mouse users get the standard grab cursor. If drag does not work on your mobile browser, use the import flow — delete the old card and add a new one in the target quadrant, or edit and copy/paste the title."},{"question":"Where are my tasks stored?","answer":"In your browser localStorage under the key \"eisenhower-tasks\". It is never uploaded anywhere — there is no fetch, no API call, no CDN. Tasks persist across page reloads on the same device and browser profile. To move tasks to another device, use the export button to download a JSON file, then the import button on the other device. To clear everything, use \"Clear all\" or clear your browser data for this site."},{"question":"How is \"overdue\" calculated?","answer":"A deadline string is treated as a date in your local timezone (e.g. \"2026-06-20\"). The tool compares the deadline to today (midnight, local time) on each render. A task is \"overdue\" if the deadline is strictly before today (red badge), \"today\" if equal (green badge), or \"in N days\" if after today. The label updates live each time you open or refresh the page. Tasks without a deadline have no badge and never show as overdue."},{"question":"Is my data private?","answer":"Yes. The matrix is pure client-side JavaScript inlined in the HTML. Tasks live in localStorage, the export/import uses a local file in your Downloads folder, and there is no network call. Other people cannot see your tasks unless you explicitly share the export JSON with them. You can use the tool to plan work, manage personal projects, or organize a team retrospective without any data being uploaded."}],"faq_id":[{"question":"Apa itu Matriks Eisenhower?","answer":"Framework prioritas yang dipopulerkan oleh Presiden Dwight Eisenhower. Ia menyortir tugas pada dua axis: mendesak vs. tidak mendesak, dan penting vs. tidak penting. Kuadran Q1 (mendesak DAN penting) adalah \"kerjakan sekarang\" — krisis, deadline, kebakaran. Q2 (penting, tidak mendesak) adalah \"jadwalkan\" — perencanaan jangka panjang, olahraga, pembangunan relasi. Q3 (mendesak, tidak penting) adalah \"delegasi\" — interupsi, darurat orang lain. Q4 (tidak keduanya) adalah \"hapus\" — pembuang waktu, pekerjaan sia-sia. Poinnya adalah kebanyakan orang menghabiskan terlalu banyak waktu di Q1 dan Q3, bereaksi, dan tidak cukup di Q2, yang mencegah kebakaran Q1 di masa depan."},{"question":"Bagaimana kerja drag-and-drop di mobile?","answer":"Native HTML5 drag-and-drop adalah API desktop. Di device touch, pola touch-and-hold bervariasi antar browser. iOS Safari dan Chrome mobile tidak mendukung HTML5 drag dari JavaScript secara default. Kartu punya cursor: grab di desktop supaya user mouse dapat kursor grab standar. Kalau drag tidak berfungsi di browser mobile kamu, pakai flow import — hapus kartu lama dan tambah yang baru di kuadran target, atau edit dan copy/paste judul."},{"question":"Di mana tugas saya disimpan?","answer":"Di localStorage browser kamu dengan key \"eisenhower-tasks\". Tidak pernah di-upload ke mana pun — tidak ada fetch, tidak ada panggilan API, tidak ada CDN. Tugas bertahan antar reload halaman di device dan profil browser yang sama. Untuk pindah tugas ke device lain, pakai tombol export untuk download file JSON, lalu tombol import di device lain. Untuk menghapus semuanya, pakai \"Hapus semua\" atau hapus data browser untuk situs ini."},{"question":"Bagaimana \"terlambat\" dihitung?","answer":"String deadline diperlakukan sebagai tanggal di timezone lokal kamu (mis. \"2026-06-20\"). Tool membandingkan deadline dengan hari ini (tengah malam, waktu lokal) di tiap render. Tugas dianggap \"terlambat\" kalau deadline strictly sebelum hari ini (badge merah), \"hari ini\" kalau sama (badge hijau), atau \"dalam N hari\" kalau setelah hari ini. Label update live tiap kali kamu membuka atau refresh halaman. Tugas tanpa deadline tidak punya badge dan tidak pernah menampilkan terlambat."},{"question":"Apakah data saya privat?","answer":"Ya. Matriks adalah JavaScript murni sisi client yang di-inline di HTML. Tugas tinggal di localStorage, export/import memakai file lokal di folder Downloads kamu, dan tidak ada panggilan jaringan. Orang lain tidak bisa melihat tugas kamu kecuali kamu secara eksplisit share JSON export dengan mereka. Kamu bisa pakai tool untuk merencanakan kerja, mengelola proyek pribadi, atau mengatur retrospective tim tanpa data apa pun yang di-upload."}]},{"id":"a7b851ec-92aa-42d4-b3e6-7afe8c9177ac","slug":"text-reverser","name":"Text Reverser","name_id":"Pembalik Teks","icon":"🔄","category":"text","meta_description":"Reverse text per character, per word, per line. Mirror, upside-down (Unicode flip), ROT13 cipher. Batch process lines. Copy. 100% offline.","meta_description_id":"Balik teks per karakter, per kata, per baris. Mirror, upside-down (flip Unicode), cipher ROT13. Proses batch per baris. Salin. 100% offline.","long_description":"Six text transformations in one tool. \"Reverse chars\" flips every character (abc → cba). \"Reverse words\" flips the order of words but keeps characters intact within each word (hello world → world hello). \"Reverse lines\" flips the order of lines in a multi-line text. \"Mirror\" appends the reverse of the input to the original (abc → abccba). \"Upside-down\" uses a Unicode flip table — a becomes ɐ, b becomes q, e becomes ǝ, A becomes ∀, B becomes Ɓ, digits and punctuation all flip too. \"ROT13\" is the classic Caesar cipher (a ↔ n, A ↔ N, digits untouched). Toggle \"Process each line separately\" to apply the transform per line and preserve the line count — useful for batch log scrubbing or per-line ROT13. The Swap button moves output back to input so you can chain transformations. Everything runs locally with no API calls.","long_description_id":"Enam transformasi teks dalam satu tool. \"Reverse karakter\" membalik setiap karakter (abc → cba). \"Reverse kata\" membalik urutan kata tapi mempertahankan karakter di tiap kata (hello world → world hello). \"Reverse baris\" membalik urutan baris dalam teks multi-baris. \"Mirror\" menambah reverse dari input ke aslinya (abc → abccba). \"Upside-down\" memakai tabel flip Unicode — a menjadi ɐ, b menjadi q, e menjadi ǝ, A menjadi ∀, B menjadi Ɓ, digit dan tanda baca juga terbalik. \"ROT13\" adalah cipher Caesar klasik (a ↔ n, A ↔ N, digit tidak disentuh). Toggle \"Proses tiap baris terpisah\" menerapkan transformasi per baris dan mempertahankan jumlah baris — berguna untuk scrubbing log batch atau ROT13 per baris. Tombol Swap memindahkan output kembali ke input supaya kamu bisa merangkai transformasi. Semuanya berjalan lokal tanpa panggilan API.","size":"12 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How does upside-down text actually work?","answer":"It uses Unicode characters that visually mirror their Latin counterparts. a → ɐ (U+0250), b → q (U+0071 in this context), c → ɔ (U+0254), d → p (U+0070), and so on. The full table covers lowercase a-z, uppercase A-Z, digits 0-9, and common punctuation like parentheses, brackets, exclamation and question marks. After flipping, the result is character-reversed so the last character comes first, which is what your eye expects for upside-down text. Characters not in the table (emoji, CJK, accented Latin) pass through unchanged, so the output can look mixed."},{"question":"Is ROT13 a real cipher?","answer":"Yes, but a very weak one. ROT13 shifts each letter 13 positions in the alphabet — a becomes n, b becomes o, and so on. Because 13 is exactly half of 26, applying ROT13 twice returns the original (it is its own inverse). It is commonly used on Usenet and in puzzle contexts to hide spoilers, punchlines, or off-topic jokes from casual readers. It provides zero security — any 5-year-old with frequency analysis can break it. Do not use it for anything you actually need to keep secret; use AES or similar for that."},{"question":"What does \"process each line separately\" do?","answer":"It splits the input on newlines, applies the transformation to each line independently, and joins the results with newlines. Without it, the transform is applied to the whole input as a single string, which means reverse-lines would just reverse the line order (useful) but reverse-chars would also reverse the newlines (the entire text including line breaks becomes one reversed block). With \"separate\" on, you can ROT13 or flip each line individually — handy for batch processing a list of pre-formatted strings, CSV cells, or log lines."},{"question":"How does the swap button work?","answer":"Swap moves the current output to the input box and the previous input to the output box, then re-runs the transformation. The counts and toast update. Use it to chain transforms: reverse chars → swap → ROT13 → swap → reverse words. Or to keep applying different transforms iteratively to the same source text. The state is not saved across page reloads — the input and output revert to whatever you last typed in the input field, and output regenerates on the next render."},{"question":"Is my text private?","answer":"Yes. All six transforms are pure string functions inlined in the HTML. There are no network calls, no API lookups, no CDN scripts. The Unicode flip table is a static object literal in the source. You can flip secret messages, encode spoilers, or test ROT13 puzzles without any data being transmitted."}],"faq_id":[{"question":"Bagaimana kerja teks upside-down sebenarnya?","answer":"Ia memakai karakter Unicode yang secara visual mirror dari padanan Latin-nya. a → ɐ (U+0250), b → q (U+0071 dalam konteks ini), c → ɔ (U+0254), d → p (U+0070), dan seterusnya. Tabel lengkap mencakup a-z huruf kecil, A-Z huruf besar, digit 0-9, dan tanda baca umum seperti kurung, bracket, tanda seru dan tanya. Setelah flipping, hasilnya di-reverse karakternya supaya karakter terakhir jadi pertama, yang diharapkan mata untuk teks upside-down. Karakter yang tidak dalam tabel (emoji, CJK, Latin beraksen) lewat tanpa berubah, jadi output bisa terlihat campuran."},{"question":"Apakah ROT13 cipher sungguhan?","answer":"Ya, tapi sangat lemah. ROT13 menggeser tiap huruf 13 posisi dalam alfabet — a menjadi n, b menjadi o, dan seterusnya. Karena 13 persis setengah dari 26, menerapkan ROT13 dua kali mengembalikan asli (ia inversi sendiri). Umumnya dipakai di Usenet dan dalam konteks puzzle untuk menyembunyikan spoiler, punchline, atau jokes off-topic dari pembaca kasual. Memberi keamanan nol — siapa pun dengan frequency analysis bisa memecahkannya. Jangan pakai untuk apa pun yang benar-benar perlu kamu rahasiakan; pakai AES atau semacamnya untuk itu."},{"question":"Apa yang dilakukan \"proses tiap baris terpisah\"?","answer":"Ia memisahkan input pada newline, menerapkan transformasi ke tiap baris secara independen, dan menggabungkan hasil dengan newline. Tanpanya, transform diterapkan ke seluruh input sebagai string tunggal, yang berarti reverse-karakter juga akan me-reverse newline (seluruh teks termasuk line break menjadi satu blok terbalik). Dengan \"terpisah\" aktif, kamu bisa ROT13 atau flip tiap baris secara individual — berguna untuk pemrosesan batch daftar string terformat, sel CSV, atau baris log."},{"question":"Bagaimana kerja tombol swap?","answer":"Swap memindahkan output saat ini ke kotak input dan input sebelumnya ke kotak output, lalu menjalankan ulang transformasi. Counter dan toast update. Pakai untuk merangkai transform: reverse karakter → swap → ROT13 → swap → reverse kata. Atau untuk terus menerapkan transform berbeda secara iteratif ke teks sumber yang sama. State tidak disimpan antar reload halaman — input dan output kembali ke apa pun yang terakhir kamu ketik di field input, dan output di-generate ulang di render berikutnya."},{"question":"Apakah teks saya privat?","answer":"Ya. Keenam transform adalah fungsi string murni yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada lookup API, tidak ada script CDN. Tabel flip Unicode adalah literal objek statis di source. Kamu bisa flip pesan rahasia, encode spoiler, atau test puzzle ROT13 tanpa data apa pun yang ditransmisikan."}]},{"id":"5c4ae3c2-2edc-4f1e-ac15-b8fe71a01fdc","slug":"svg-optimizer","name":"SVG Optimizer","name_id":"Optimasi SVG","icon":"🎨","category":"developer","meta_description":"Minify SVG by stripping comments, metadata, hidden elements, empty groups, whitespace, unused IDs. Live preview, size savings %, copy, download. 100% offline.","meta_description_id":"Minify SVG dengan hapus komentar, metadata, elemen tersembunyi, group kosong, whitespace, ID tak terpakai. Preview live, % hemat, salin, download. 100% offline.","long_description":"A pure-JavaScript SVG minifier. Paste an SVG (or drop a .svg file, or paste from clipboard) and the tool strips comments, <metadata> / <title> / <desc>, elements with display:none, empty groups, and excess whitespace, plus optionally rounds numbers to 2 decimal places and removes unused id attributes. Each optimization can be toggled independently. The preview box shows the optimized SVG rendered at 160x160, the viewBox is read from the source, and the before / after byte sizes appear in a stats row with a \"saved %\" badge. The download button saves the optimized SVG to your device as optimized.svg. The output is a clean text block you can copy. Safe to use on icons and logos before committing them to a design system — typical savings on a hand-authored SVG from a tool like Figma or Illustrator are 20-50%, more on a copy-pasted SVG with embedded CSS and metadata.","long_description_id":"Minifier SVG JavaScript murni. Tempel SVG (atau drop file .svg, atau tempel dari clipboard) dan tool menghapus komentar, <metadata> / <title> / <desc>, elemen dengan display:none, group kosong, dan whitespace berlebih, plus opsional membulatkan angka ke 2 tempat desimal dan menghapus atribut id tak terpakai. Tiap optimasi bisa di-toggle independen. Kotak preview menampilkan SVG yang dioptimasi di-render pada 160x160, viewBox dibaca dari source, dan ukuran byte sebelum / sesudah muncul di baris stats dengan badge \"hemat %\". Tombol download menyimpan SVG yang dioptimasi ke device kamu sebagai optimized.svg. Output adalah blok teks bersih yang bisa kamu salin. Aman dipakai pada icon dan logo sebelum commit ke design system — hemat tipikal pada SVG yang ditulis tangan dari tool seperti Figma atau Illustrator adalah 20-50%, lebih pada SVG copy-paste dengan CSS dan metadata tertanam.","size":"14 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Is this lossless optimization?","answer":"Visually, yes — it removes only things that have no rendered effect (comments, metadata, display:none, empty groups, excess whitespace, unused ids). It does not change path data, colors, or transforms. The one option with a visible effect is \"Round decimals (2)\" which truncates coordinate precision — for most icons and logos 2 decimal places is more than enough (the difference is sub-pixel), but for extremely large or high-resolution SVGs you may want to keep 3 or 4 decimals to avoid precision artifacts."},{"question":"Why are unused IDs removed?","answer":"Many design tools (Figma, Illustrator, Sketch, Inkscape) auto-generate id=\"layer_42\" type attributes for every shape, even when nothing references them. Keeping them just inflates the file. The tool scans for url(#id), xlink:href=\"#id\", and href=\"#id\" references and removes any id attribute that is not referenced. Be careful: if you embed the SVG inline in HTML and use CSS like #my-logo { ... } to style it from outside, that id WILL be referenced (via the CSS selector) but the optimizer cannot see that. In that case, turn off \"Strip unused IDs\"."},{"question":"Does this support SVGs with embedded styles or scripts?","answer":"It removes <style> blocks only via the metadata strip if you have it on — and only if the style tag is wrapped in <metadata>. Inline style attributes (style=\"fill:red\") are kept. <script> blocks are kept as-is. If your SVG has animation (<animate>, <animateTransform>, <animateMotion>) those are kept too, and the optimizer will not touch their attribute values. Use the optimizer for static icons and illustrations; for complex animated SVGs, the savings will be smaller and you may want to keep the metadata."},{"question":"What does the preview box show?","answer":"The preview box renders the optimized SVG using the standard browser SVG renderer. If the source has viewBox=\"0 0 24 24\" and width=\"24\" height=\"24\", the preview shows it scaled to fit 160x160. If the source has no width/height, the optimizer does not add them — the browser will fall back to the viewBox or to 300x150 default. The viewBox is read from the source and shown in the card title as \"viewBox: 0 0 X Y\" so you can verify the optimizer did not mangle the coordinate system."},{"question":"Is my SVG private?","answer":"Yes. The optimizer is pure client-side JavaScript inlined in the HTML. There are no network calls, no API uploads, no CDN. The file you drop or paste stays in your browser. The downloaded result lands in your local Downloads folder. You can optimize proprietary SVGs, customer logos, or internal iconography without any data being transmitted. The only file operations are the standard browser <a download> click and a FileReader for the drop-zone and file input."}],"faq_id":[{"question":"Apakah ini optimasi lossless?","answer":"Secara visual, ya — ia hanya menghapus hal yang tidak punya efek render (komentar, metadata, display:none, group kosong, whitespace berlebih, id tak terpakai). Ia tidak mengubah data path, warna, atau transform. Satu-satunya opsi dengan efek terlihat adalah \"Bulatkan desimal (2)\" yang memotong presisi koordinat — untuk kebanyakan icon dan logo 2 tempat desimal sudah lebih dari cukup (bedanya sub-pixel), tapi untuk SVG yang sangat besar atau resolusi tinggi kamu mungkin ingin mempertahankan 3 atau 4 desimal untuk menghindari artefak presisi."},{"question":"Kenapa ID tak terpakai dihapus?","answer":"Banyak tool desain (Figma, Illustrator, Sketch, Inkscape) auto-generate atribut id=\"layer_42\" untuk tiap shape, bahkan ketika tidak ada yang mereferensikannya. Mempertahankan mereka hanya membengkakkan file. Tool memindai referensi url(#id), xlink:href=\"#id\", dan href=\"#id\" dan menghapus atribut id apa pun yang tidak direferensikan. Hati-hati: kalau kamu embed SVG inline di HTML dan memakai CSS seperti #my-logo { ... } untuk men-style-nya dari luar, id itu AKAN direferensikan (via selector CSS) tapi optimizer tidak bisa melihat itu. Dalam kasus itu, matikan \"Hapus ID tak terpakai\"."},{"question":"Apakah ini mendukung SVG dengan style atau script tertanam?","answer":"Ia menghapus blok <style> hanya via strip metadata kalau kamu mengaktifkannya — dan hanya kalau tag style dibungkus dalam <metadata>. Atribut style inline (style=\"fill:red\") dipertahankan. Blok <script> dipertahankan apa adanya. Kalau SVG kamu punya animasi (<animate>, <animateTransform>, <animateMotion>) itu juga dipertahankan, dan optimizer tidak akan menyentuh nilai atributnya. Pakai optimizer untuk icon dan ilustrasi statis; untuk SVG animasi kompleks, hematnya akan lebih kecil dan kamu mungkin ingin mempertahankan metadata."},{"question":"Apa yang ditampilkan kotak preview?","answer":"Kotak preview merender SVG yang dioptimasi menggunakan renderer SVG standar browser. Kalau source punya viewBox=\"0 0 24 24\" dan width=\"24\" height=\"24\", preview menampilkannya di-scale untuk fit 160x160. Kalau source tidak punya width/height, optimizer tidak menambahkannya — browser akan fallback ke viewBox atau default 300x150. viewBox dibaca dari source dan ditampilkan di judul kartu sebagai \"viewBox: 0 0 X Y\" supaya kamu bisa verifikasi optimizer tidak mengacaukan sistem koordinat."},{"question":"Apakah SVG saya privat?","answer":"Ya. Optimizer adalah JavaScript murni sisi client yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada upload API, tidak ada CDN. File yang kamu drop atau tempel tetap di browser kamu. Hasil yang didownload mendarat di folder Downloads lokal kamu. Kamu bisa optimasi SVG proprietary, logo pelanggan, atau ikon internal tanpa data apa pun yang ditransmisikan. Satu-satunya operasi file adalah klik <a download> standar browser dan FileReader untuk drop-zone dan input file."}]},{"id":"8a1364eb-370d-4e85-9ee5-21d87335799b","slug":"emoji-picker","name":"Emoji Picker","name_id":"Pemilih Emoji","icon":"😀","category":"text","meta_description":"Browse 600+ emojis across smileys, people, animals, food, travel, activities, objects, symbols, flags. Search by name, tap to copy, recent history. 100% offline.","meta_description_id":"Browse 600+ emoji lintas kategori: senyum, orang, hewan, makanan, travel, aktivitas, benda, simbol, bendera. Cari berdasarkan nama, ketuk untuk salin, riwayat terbaru. 100% offline.","long_description":"A self-contained emoji browser. Nine categories: smileys (😀😂😍🥺), people (👋💪🙏), animals (🐶🐱🦄🐙), food (🍎🍕🍣🥑), travel (🚗✈️🏝️🗽), activities (⚽🎮🎨🎲), objects (⌚💡🔑📱), symbols (❤️☮️✅⚠️), and 200+ country flags. Switch categories with the horizontal tab strip, or type in the search box to filter every category by name (e.g. \"fire\" finds 🔥🔥, \"cat\" finds 🐱😺😸😹😻😼😽🙀😿😾, \"heart\" finds ❤️🧡💛💚💙💜🖤🤍🤎💔). Tap any emoji to copy it to the clipboard with a toast confirmation. The Recent strip at the bottom shows your last 20 unique copies across the session and persists in localStorage. The first tab \"Recent\" mirrors the strip as a category, so you can quickly find and re-copy a one-off emoji you used earlier. Tooltip on hover shows the emoji name. Everything works offline — no font download, no emoji CDN.","long_description_id":"Browser emoji self-contained. Sembilan kategori: smileys (😀😂😍🥺), orang (👋💪🙏), hewan (🐶🐱🦄🐙), makanan (🍎🍕🍣🥑), travel (🚗✈️🏝️🗽), aktivitas (⚽🎮🎨🎲), benda (⌚💡🔑📱), simbol (❤️☮️✅⚠️), dan 200+ bendera negara. Beralih kategori dengan strip tab horizontal, atau ketik di kotak pencarian untuk memfilter setiap kategori berdasarkan nama (mis. \"fire\" menemukan 🔥🔥, \"cat\" menemukan 🐱😺😸😹😻😼😽🙀😿😾, \"heart\" menemukan ❤️🧡💛💚💙💜🖤🤍🤎💔). Ketuk emoji apa pun untuk menyalinnya ke clipboard dengan konfirmasi toast. Strip Terbaru di bawah menampilkan 20 salinan unik terakhir kamu lintas sesi dan bertahan di localStorage. Tab pertama \"Terbaru\" mirror strip sebagai kategori, supaya kamu bisa cepat menemukan dan menyalin ulang emoji sekali pakai yang kamu pakai sebelumnya. Tooltip saat hover menampilkan nama emoji. Semuanya bekerja offline — tanpa download font, tanpa CDN emoji.","size":"22 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How many emojis are included?","answer":"Approximately 600+ across nine categories, plus 200+ country flags. The list is hand-curated to cover the most commonly-used emojis (smiley faces, hand gestures, popular food and travel, every country flag, the standard symbols and object icons) and skips the obscure Unicode entries (skin-tone modifier sequences, ZWJ-joined family emojis, regional indicator pairs beyond country flags). For the full Unicode emoji catalog you would need ~3,500 entries and a much larger file."},{"question":"Does the search find emojis by meaning or only by the name?","answer":"By name only. Each emoji has a short English name (or names — the first listed is the primary one) that you can search for. Searching \"fire\" finds 🔥, \"fire\" + \"engine\" finds 🚒, \"love\" finds ❤️💕💖💝💘💞💓💗💟. It does not match on Unicode codepoint, keyword metadata, or image similarity. If you do not know the name, browse the categories or hover any emoji to see its tooltip name, then search that next time."},{"question":"Does the picker work with the system emoji font?","answer":"Yes — the emojis render using whatever emoji font your OS provides. On macOS/iOS that is Apple Color Emoji, on Windows it is Segoe UI Emoji, on Android it is Noto Color Emoji, on Linux it depends on the installed fonts (Noto Color Emoji is the standard). Modern browsers fall back to a system emoji font automatically when the page has no other font that supplies that character. So the picker just uses the system font and does not need to download a custom emoji webfont."},{"question":"Where is my \"Recent\" history stored?","answer":"In your browser localStorage under the key \"emoji-picker-history\" as a JSON array of { e, n } objects (emoji and name), last 20 unique. The history is local to this device and browser profile — it does not sync to any server. The \"Recent\" tab in the category strip is built from this list, so you can browse and re-copy from it. Use the trash icon in the history card title to clear it. Clearing browser data for this site also clears the history."},{"question":"Is my clipboard data private?","answer":"Yes. The picker uses navigator.clipboard.writeText to copy the emoji character. The browser handles the clipboard write; no third-party service sees the data. The emoji is just a Unicode string (1-7 bytes in UTF-8 for most single emoji, up to 28 bytes for flag sequences or ZWJ-joined family emoji). There are no network calls, no analytics, no CDN. You can browse and copy emojis without any data being transmitted."}],"faq_id":[{"question":"Berapa banyak emoji yang disertakan?","answer":"Sekitar 600+ lintas sembilan kategori, plus 200+ bendera negara. Daftar dikurasi manual untuk mencakup emoji yang paling umum dipakai (smiley, gesture tangan, makanan dan travel populer, setiap bendera negara, simbol standar dan icon benda) dan melewatkan entri Unicode yang obscure (urutan modifier skin-tone, emoji keluarga digabung ZWJ, pasangan regional indicator di luar bendera negara). Untuk katalog emoji Unicode lengkap kamu butuh ~3.500 entri dan file jauh lebih besar."},{"question":"Apakah pencarian menemukan emoji berdasarkan makna atau hanya nama?","answer":"Berdasarkan nama saja. Tiap emoji punya nama Inggris pendek (atau nama-nama — yang pertama adalah yang utama) yang bisa kamu cari. Mencari \"fire\" menemukan 🔥, \"fire\" + \"engine\" menemukan 🚒, \"love\" menemukan ❤️💕💖💝💘💞💓💗💟. Tidak cocok dengan codepoint Unicode, metadata keyword, atau kemiripan image. Kalau kamu tidak tahu namanya, browse kategori atau hover emoji mana pun untuk melihat nama tooltip-nya, lalu cari itu lain kali."},{"question":"Apakah picker bekerja dengan font emoji sistem?","answer":"Ya — emoji dirender memakai font emoji apa pun yang disediakan OS kamu. Di macOS/iOS itu Apple Color Emoji, di Windows itu Segoe UI Emoji, di Android itu Noto Color Emoji, di Linux itu tergantung font yang terinstall (Noto Color Emoji adalah standar). Browser modern fallback ke font emoji sistem secara otomatis ketika halaman tidak punya font lain yang menyediakan karakter itu. Jadi picker hanya memakai font sistem dan tidak perlu download webfont emoji kustom."},{"question":"Di mana riwayat \"Terbaru\" saya disimpan?","answer":"Di localStorage browser kamu dengan key \"emoji-picker-history\" sebagai array JSON dari objek { e, n } (emoji dan nama), 20 unik terakhir. Riwayat lokal untuk device dan profil browser ini — tidak sync ke server mana pun. Tab \"Terbaru\" di strip kategori dibangun dari daftar ini, supaya kamu bisa browse dan menyalin ulang dari situ. Pakai icon tong sampah di judul kartu riwayat untuk menghapusnya. Menghapus data browser untuk situs ini juga menghapus riwayat."},{"question":"Apakah data clipboard saya privat?","answer":"Ya. Picker memakai navigator.clipboard.writeText untuk menyalin karakter emoji. Browser menangani penulisan clipboard; tidak ada layanan pihak ketiga yang melihat datanya. Emoji hanyalah string Unicode (1-7 byte dalam UTF-8 untuk kebanyakan emoji tunggal, hingga 28 byte untuk urutan bendera atau emoji keluarga digabung ZWJ). Tidak ada panggilan jaringan, tidak ada analitik, tidak ada CDN. Kamu bisa browse dan salin emoji tanpa data apa pun yang ditransmisikan."}]},{"id":"8aa0c1cb-f60a-4877-8bee-f8d0014a8c82","slug":"loan-amortization-calculator","name":"Loan Amortization Calculator","name_id":"Kalkulator Amortisasi Pinjaman","icon":"💳","category":"finance","meta_description":"Calculate loan amortization (KPR, KKB, pinjol) with flat, effective, or annuity interest. Monthly breakdown, total interest, early payoff savings. IDR/USD. 100% offline.","meta_description_id":"Hitung amortisasi pinjaman (KPR, KKB, pinjol) dengan bunga flat, efektif, atau anuitas. Rincian bulanan, total bunga, hemat bayar lebih awal. IDR/USD. 100% offline.","long_description":"A focused loan amortization tool for Indonesian lending products. Pick from three interest methods: Effective / Anuitas (the standard for KPR — mortgage — where the monthly payment stays equal but the principal/interest split shifts), Flat (used by KKB — vehicle loans — and most online loans / pinjol where interest is calculated on the original principal for the whole tenor), and Annuity (equal monthly payment, simplified model). Enter principal, annual interest, and tenor in months; the tool produces a full monthly amortization table with payment, principal, interest, and remaining balance, plus a savings estimate if you add an extra monthly payment. The chart shows the principal balance and cumulative interest over the loan life, with a marker for the early payoff point. Supports IDR with shorthand formatting (jt, M, T) plus USD/SGD/MYR/EUR. Export the table as CSV for spreadsheets.","long_description_id":"Tool amortisasi pinjaman yang fokus untuk produk lending Indonesia. Pilih dari tiga metode bunga: Effective / Anuitas (standar untuk KPR — cicilan tetap tapi split pokok/bunga bergeser), Flat (dipakai KKB — kredit kendaraan — dan kebanyakan pinjol di mana bunga dihitung dari pokok awal sepanjang tenor), dan Annuity (cicilan tetap, model sederhana). Masukkan pokok, bunga tahunan, tenor bulan; tool menghasilkan tabel amortisasi bulanan lengkap dengan bayar, pokok, bunga, dan sisa saldo, plus estimasi hemat kalau kamu tambahkan bayar lebih. Chart menampilkan sisa pokok dan bunga kumulatif sepanjang pinjaman, dengan marker untuk titik pelunasan awal. Mendukung IDR dengan format singkat (jt, M, T) plus USD/SGD/MYR/EUR. Export tabel sebagai CSV untuk spreadsheet.","size":"24 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is the difference between flat and effective interest?","answer":"Flat interest calculates interest on the original principal for the entire tenor: monthly interest = P * (annual rate) / 12, regardless of how much principal is left. This is what vehicle loans (KKB) and most pinjol (online loans) use, and the total interest over the loan is easy to predict. Effective (anuitas) interest calculates interest on the outstanding principal each month: as you pay down the loan, the interest portion shrinks and the principal portion grows. The monthly payment stays the same but the split changes. This is what mortgages (KPR) and most consumer loans at banks use. On a Rp 500M loan at 10% over 20 years, flat gives you a total interest of about Rp 500M, while effective gives you about Rp 632M — a big difference, which is why flat is sometimes marketed as \"cheaper\" even though the total cost is the same in absolute terms."},{"question":"Why does my amortization table end early when I add an extra payment?","answer":"When you enter an \"extra monthly payment\" and a month limit, the simulation adds that amount to every payment up to that month. This pays off the principal faster, so the loan reaches zero balance before the original tenor. The tool then truncates the table at the actual payoff month and shows a \"savings\" banner with the number of months and total interest you saved compared to the no-extra-payment baseline. Be careful: in the flat method, the interest portion of each payment is fixed regardless of how much principal is left, so adding extra only shortens the principal portion. In the effective method, the extra goes 100% to principal, which is what you want."},{"question":"Does this include fees, taxes, or insurance?","answer":"No. The tool works on principal, interest, and tenor only. It does not add admin fees, provision fees, insurance premiums, notarial fees, or any other charges that Indonesian lenders typically bundle. For KPR, ask your bank for the \"effective rate\" (suku bunga efektif) which already includes some of these — or compute the all-in cost yourself by adding the total fees to the principal in the input. The amortization table itself is mathematically exact for the inputs you give it, but the actual monthly debit from your account will usually be higher than the \"cicilan\" shown here."},{"question":"Can I export the amortization table to a spreadsheet?","answer":"Yes. The \"Export CSV\" button downloads loan-amortization.csv with the month number, date, payment, principal, interest, and balance columns. Open it in Excel, Google Sheets, or Numbers. The currency is plain decimal (not formatted with Rp/USD prefix) so spreadsheet apps recognize it as a number. Dates are ISO 8601 (YYYY-MM-DD) so they sort correctly. The CSV starts with the row immediately following the \"Calculate\" press, so if you change inputs you need to re-export."},{"question":"Is my loan data private?","answer":"Yes. The calculator is pure client-side JavaScript inlined in the HTML. There are no network calls, no API uploads, no analytics, no CDN. The principal, interest, and tenor you enter stay in your browser. The CSV download uses the standard browser <a download> click and writes to your local Downloads folder. You can model a proprietary or sensitive loan (e.g. your real KPR application) without any data being transmitted."}],"faq_id":[{"question":"Apa beda bunga flat dan efektif?","answer":"Bunga flat menghitung bunga dari pokok awal sepanjang tenor: bunga bulanan = P * (bunga tahunan) / 12, terlepas dari berapa sisa pokok. Ini yang dipakai kredit kendaraan (KKB) dan kebanyakan pinjol, dan total bunga sepanjang pinjaman mudah diprediksi. Bunga efektif (anuitas) menghitung bunga dari sisa pokok tiap bulan: begitu kamu membayar pokok, porsi bunga mengecil dan porsi pokok membesar. Cicilan tetap tapi split berubah. Ini yang dipakai KPR (Kredit Pemilikan Rumah) dan kebanyakan kredit konsumen di bank. Pada pinjaman Rp 500jt di 10% selama 20 tahun, flat memberi total bunga sekitar Rp 500jt, sedangkan efektif memberi sekitar Rp 632jt — beda besar, itulah kenapa flat kadang dipasarkan sebagai \"lebih murah\" padahal biaya total absolutnya kurang lebih sama."},{"question":"Kenapa tabel amortisasi saya berakhir lebih awal ketika saya tambah bayar lebih?","answer":"Ketika kamu masukkan \"bayar tambahan per bulan\" dan batas bulan, simulasi menambahkan jumlah itu ke tiap cicilan sampai bulan tersebut. Ini melunasi pokok lebih cepat, jadi pinjaman mencapai saldo nol sebelum tenor asli. Tool lalu memotong tabel di bulan pelunasan aktual dan menampilkan banner \"hemat\" dengan jumlah bulan dan total bunga yang dihemat dibanding baseline tanpa bayar tambahan. Hati-hati: di metode flat, porsi bunga tiap cicilan tetap terlepas dari sisa pokok, jadi tambahan hanya mempersingkat porsi pokok. Di metode efektif, tambahan 100% masuk ke pokok, yang kamu inginkan."},{"question":"Apakah ini termasuk biaya, pajak, atau asuransi?","answer":"Tidak. Tool bekerja pada pokok, bunga, dan tenor saja. Tidak menambahkan biaya admin, biaya provisi, premi asuransi, biaya notaris, atau charges lain yang biasanya dibundle lender Indonesia. Untuk KPR, tanyakan ke bank kamu \"suku bunga efektif\" yang sudah mencakup beberapa dari ini — atau hitung all-in cost sendiri dengan menambahkan total fee ke pokok di input. Tabel amortisasi sendiri secara matematis exact untuk input yang kamu berikan, tapi debit bulanan aktual dari rekening biasanya lebih tinggi dari \"cicilan\" yang ditampilkan di sini."},{"question":"Bisakah saya export tabel amortisasi ke spreadsheet?","answer":"Bisa. Tombol \"Export CSV\" mendownload loan-amortization.csv dengan kolom nomor bulan, tanggal, bayar, pokok, bunga, dan saldo. Buka di Excel, Google Sheets, atau Numbers. Mata uang adalah decimal biasa (tanpa prefix Rp/USD) supaya aplikasi spreadsheet mengenalinya sebagai angka. Tanggal adalah ISO 8601 (YYYY-MM-DD) supaya sort dengan benar. CSV dimulai dari baris segera setelah tekan \"Hitung\", jadi kalau kamu ubah input kamu perlu export ulang."},{"question":"Apakah data pinjaman saya privat?","answer":"Ya. Kalkulator adalah JavaScript murni sisi client yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada upload API, tidak ada analitik, tidak ada CDN. Pokok, bunga, dan tenor yang kamu masukkan tetap di browser kamu. Download CSV memakai klik <a download> standar browser dan menulis ke folder Downloads lokal. Kamu bisa model pinjaman proprietary atau sensitif (mis. aplikasi KPR kamu yang sebenarnya) tanpa data apa pun yang ditransmisikan."}]},{"id":"1e60a6d2-4566-4c06-9395-1b841a67b0b7","slug":"retirement-calculator","name":"Retirement Calculator","name_id":"Kalkulator Dana Pensiun","icon":"🧓","category":"finance","meta_description":"Estimate retirement fund with compound interest, monthly contribution, inflation adjustment, shortfall/surplus, recommended deposit. IDR/USD. 100% offline.","meta_description_id":"Estimasi dana pensiun dengan bunga majemuk, setoran bulanan, penyesuaian inflasi, kurang/lebih, rekomendasi setoran. IDR/USD. 100% offline.","long_description":"A retirement planning calculator that projects your nest egg at retirement age using compound interest, then adjusts for inflation to show the real (today-money) value. The tool needs: current age, target retirement age, current savings, monthly contribution, expected annual return, inflation rate, life expectancy, and the monthly income you want in retirement (in today's money). It computes the nominal fund (raw future value), the real value (today's purchasing power), the required fund (using the standard annuity-present-value formula assuming the same real return rate), the shortfall or surplus, and — if you are short — the exact monthly deposit you would need to close the gap. The chart shows year-by-year nominal and real balance, with a horizontal line at the target. Presets for early-career starter, mid-career catch-up, and late-career last mile.","long_description_id":"Kalkulator perencanaan pensiun yang memproyeksikan dana kamu di usia pensiun menggunakan bunga majemuk, lalu menyesuaikan inflasi untuk menampilkan nilai riil (uang hari ini). Tool butuh: usia sekarang, usia pensiun target, dana saat ini, setoran bulanan, return tahunan yang diharapkan, tingkat inflasi, harapan hidup, dan income bulanan yang kamu inginkan di pensiun (dalam uang hari ini). Ia menghitung dana nominal (nilai masa depan mentah), nilai riil (daya beli hari ini), dana yang dibutuhkan (menggunakan formula annuity-present-value standar dengan asumsi tingkat return riil yang sama), kurang atau lebih, dan — kalau kamu kurang — setoran bulanan tepat yang kamu perlukan untuk menutup gap. Chart menampilkan saldo nominal dan riil per tahun, dengan garis horizontal di target. Preset untuk pemula awal karier, kejar tengah karier, dan akhir karier last mile.","size":"20 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is a realistic expected return?","answer":"For an Indonesian pension plan invested in a mix of stocks (IDX30 or reksadana saham), bonds (SBN ritel like ORI or SBR), and deposits, a 6-9% nominal annual return before inflation is a reasonable assumption for a 20-30 year horizon. Stocks historically return 8-11% nominal long-term, government bonds 6-7%, time deposits 4-5%. A 60/30/10 stock/bond/deposit mix might yield 7-8% nominal. Be conservative: if you assume 12% and only get 7%, your projection is off by 40%. Inflation in Indonesia has averaged 4-6% over the past two decades, so 4% is a reasonable forward assumption. If you want a stress test, run the calculator with 4% return and 6% inflation and see whether you are still on track."},{"question":"Why is the \"real value\" lower than the nominal fund?","answer":"Inflation. The nominal fund is the raw future-value calculation: how much money you would have in nominal rupiah (or dollars) at retirement. The real value is what that money is worth in today's purchasing power. If you retire in 25 years with Rp 5 billion nominal and average inflation is 4%, the real value is roughly Rp 5B / (1.04)^25 ≈ Rp 1.87B. So you have Rp 5B on paper but it buys what Rp 1.87B buys today. The shortfall/surplus is calculated on the real value, because that is what determines whether you can actually maintain your desired lifestyle. The target needed is also in today's money, which is why the income you enter should be \"in today's value\" — the tool inflates it implicitly through the real return calculation."},{"question":"How is \"needed fund\" calculated?","answer":"The needed fund is the present value (in today's money) of the annuity you would draw down during retirement, assuming the same real return rate (nominal return minus inflation, compounded). If you want Rp 15M per month for 25 years of retirement and the real return is 4% annual (which compounds to about 0.33% monthly), the formula is: needed = 15M * (1 - (1.0033)^-300) / 0.0033 ≈ Rp 2.6B in today's money. If the real return is zero or negative, the formula simplifies to income * months. This is the standard annuity-present-value formula used in financial planning, and it assumes you draw down the fund to zero by the end of your life expectancy (a common assumption — you can adjust by entering a higher life expectancy or longer retirement horizon to leave a bequest)."},{"question":"What if the recommended monthly deposit is much higher than what I can afford?","answer":"The tool gives you a math-optimal answer, not a budget answer. If the recommended deposit is 2x what you can afford, you have three options: (1) push your retirement age out (each extra year compounds massively), (2) lower your desired retirement income (a 20% reduction in target income cuts the needed fund by ~25% in present value terms), or (3) increase your expected return (risky — that is a market bet, not a guarantee). The danger advice (\"Target tidak realistis di Y tahun\") fires when the required monthly exceeds 5x your current contribution; that is usually a sign you need to either delay retirement significantly or accept a lower lifestyle."},{"question":"Is my financial data private?","answer":"Yes. The retirement calculator is pure client-side JavaScript inlined in the HTML. There are no network calls, no API uploads, no analytics, no CDN. Your age, current savings, monthly contribution, and expected return stay in your browser. The chart is generated inline as an SVG. You can run the tool on your real financial situation without any data being transmitted. If you want to compare scenarios, just change the inputs — there is no save button because no save is needed; the inputs disappear when you close the tab."}],"faq_id":[{"question":"Berapa expected return yang realistis?","answer":"Untuk rencana pensiun Indonesia yang diinvestasikan di campuran saham (IDX30 atau reksadana saham), obligasi (SBN ritel seperti ORI atau SBR), dan deposito, return nominal 6-9% per tahun sebelum inflasi adalah asumsi yang masuk akal untuk horizon 20-30 tahun. Saham historis return 8-11% nominal jangka panjang, obligasi pemerintah 6-7%, deposito 4-5%. Campuran 60/30/10 saham/obligasi/deposito mungkin memberi 7-8% nominal. Konservatiflah: kalau kamu asumsikan 12% dan hanya dapat 7%, proyeksi kamu meleset 40%. Inflasi di Indonesia rata-rata 4-6% selama dua dekade terakhir, jadi 4% adalah asumsi maju yang masuk akal. Kalau mau stress test, jalankan kalkulator dengan return 4% dan inflasi 6% dan lihat apakah kamu masih di jalur."},{"question":"Kenapa \"nilai riil\" lebih rendah dari dana nominal?","answer":"Inflasi. Dana nominal adalah kalkulasi nilai masa depan mentah: berapa banyak uang yang kamu punya dalam rupiah (atau dolar) nominal saat pensiun. Nilai riil adalah apa yang uang itu beli dalam daya beli hari ini. Kalau kamu pensiun 25 tahun dari sekarang dengan Rp 5 miliar nominal dan inflasi rata-rata 4%, nilai riilnya kira-kira Rp 5M / (1.04)^25 ≈ Rp 1.87M. Jadi kamu punya Rp 5M di atas kertas tapi itu membeli apa yang Rp 1.87M beli hari ini. Kurang/lebih dihitung pada nilai riil, karena itu yang menentukan apakah kamu bisa mempertahankan gaya hidup yang diinginkan. Target dibutuhkan juga dalam uang hari ini, itulah kenapa income yang kamu masukkan harus \"dalam nilai saat ini\" — tool meng-inflate-kan secara implisit melalui kalkulasi return riil."},{"question":"Bagaimana \"dana dibutuhkan\" dihitung?","answer":"Dana dibutuhkan adalah present value (dalam uang hari ini) dari annuity yang akan kamu tarik selama pensiun, dengan asumsi tingkat return riil yang sama (return nominal dikurangi inflasi, dimajemukkan). Kalau kamu mau Rp 15jt per bulan selama 25 tahun pensiun dan return riil 4% tahunan (yang menjadi sekitar 0.33% bulanan), formula: dibutuhkan = 15jt * (1 - (1.0033)^-300) / 0.0033 ≈ Rp 2.6M dalam uang hari ini. Kalau return riil nol atau negatif, formula menyederhanakan ke income * bulan. Ini adalah formula annuity-present-value standar yang dipakai dalam perencanaan keuangan, dan mengasumsikan kamu menarik dana ke nol di akhir harapan hidup (asumsi umum — kamu bisa menyesuaikan dengan memasukkan harapan hidup lebih tinggi atau horizon pensiun lebih panjang untuk meninggalkan warisan)."},{"question":"Bagaimana kalau rekomendasi setoran bulanan jauh lebih tinggi dari yang saya mampu?","answer":"Tool memberi jawaban optimal secara matematika, bukan jawaban budget. Kalau setoran yang direkomendasikan 2x dari yang kamu mampu, ada tiga opsi: (1) dorong usia pensiun ke luar (tiap tahun ekstra memajemukkan secara masif), (2) turunkan income pensiun yang diinginkan (pengurangan 20% pada target income memotong dana dibutuhkan ~25% dalam present value), atau (3) naikkan expected return (berisiko — itu pasar taruhan, bukan jaminan). Saran bahaya (\"Target tidak realistis di Y tahun\") muncul ketika setoran yang diperlukan melebihi 5x setoran kamu saat ini; biasanya itu pertanda kamu perlu menunda pensiun secara signifikan atau menerima gaya hidup lebih rendah."},{"question":"Apakah data keuangan saya privat?","answer":"Ya. Kalkulator pensiun adalah JavaScript murni sisi client yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada upload API, tidak ada analitik, tidak ada CDN. Usia, dana saat ini, setoran bulanan, dan expected return kamu tetap di browser. Chart di-generate inline sebagai SVG. Kamu bisa menjalankan tool pada situasi keuangan kamu yang sebenarnya tanpa data apa pun yang ditransmisikan. Kalau mau bandingkan skenario, cukup ubah input — tidak ada tombol save karena tidak perlu save; input hilang ketika kamu menutup tab."}]},{"id":"4deb2767-c20c-4e5d-b3da-8c878c27e9ce","slug":"decision-matrix","name":"Decision Matrix","name_id":"Matriks Keputusan","icon":"⚖️","category":"productivity","meta_description":"Weighted decision matrix. Add options and criteria, score 1-10, weight 1-10, sort by weighted total, save to localStorage, export JSON. 100% offline.","meta_description_id":"Matriks keputusan tertimbang. Tambah opsi dan kriteria, nilai 1-10, bobot 1-10, urutkan skor total, simpan di localStorage, export JSON. 100% offline.","long_description":"A weighted decision matrix for objective comparison of options against criteria. Add options (rows) and criteria (columns) — for example, \"Job A vs Job B vs Job C\" with criteria \"Salary, Growth, Commute, Culture\". Score each option against each criterion 1-10, then weight each criterion 1-10 based on how much it matters to you. The tool computes the weighted total for each option, sorts them, and highlights the top three with gold/silver/bronze styling. The \"winner\" card at the top shows the recommended option with its score. Add a criterion, type a name, press Enter. Adjust weights with the inline number inputs above each column. Adjust scores with the inline number inputs in each cell. Everything auto-saves to localStorage on every change. Use the export button to download the matrix as JSON, and the import button to load a previously-exported matrix. Up to 10 recent matrices are stored in the \"Saved Decisions\" card and can be reloaded.","long_description_id":"Matriks keputusan tertimbang untuk perbandingan objektif opsi terhadap kriteria. Tambah opsi (baris) dan kriteria (kolom) — misalnya, \"Pekerjaan A vs B vs C\" dengan kriteria \"Gaji, Growth, Commute, Budaya\". Nilai tiap opsi terhadap tiap kriteria 1-10, lalu bobot tiap kriteria 1-10 berdasarkan seberapa penting buat kamu. Tool menghitung total tertimbang untuk tiap opsi, mengurutkan, dan menyorot tiga teratas dengan style emas/perak/perunggu. Kartu \"pemenang\" di atas menampilkan opsi yang direkomendasikan dengan skornya. Tambah kriteria, ketik nama, tekan Enter. Sesuaikan bobot dengan input number inline di atas tiap kolom. Sesuaikan nilai dengan input number inline di tiap cell. Semuanya auto-save ke localStorage di tiap perubahan. Pakai tombol export untuk download matriks sebagai JSON, dan tombol import untuk load matriks yang sebelumnya di-export. Sampai 10 matriks terbaru disimpan di kartu \"Keputusan Tersimpan\" dan bisa dimuat ulang.","size":"18 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How does the weighted score work?","answer":"For each option (row) and each criterion (column), you assign a score from 1 to 10. For each criterion, you also assign a weight from 1 to 10 that reflects how much that criterion matters to you. The tool multiplies the score by the weight for every cell, then sums those products to give the option's total. So if Option A scores 8/10 on Salary (weight 9) and 5/10 on Commute (weight 3), its weighted contribution from those two criteria is (8*9) + (5*3) = 87. The total is summed across all criteria, then the options are sorted by total descending. The top three get gold/silver/bronze styling, and the top option is shown as the recommendation in the winner card. The math is intentionally simple and transparent — there is no fuzzy logic, no hidden normalization, no surprise weighting."},{"question":"How should I choose the weights?","answer":"The weights are the most subjective part of the matrix and that is the point. A common approach is \"must-have vs nice-to-have\": if a criterion is essential (e.g. salary must cover your rent), give it a high weight (8-10). If it is a tie-breaker (e.g. free coffee), give it a low weight (1-3). Another approach is \"comparative weighting\": if Salary matters twice as much as Commute to you, set Salary weight = 8 and Commute weight = 4 (or 6 and 3, or 10 and 5 — any consistent ratio). The absolute scale (1-10) does not matter as much as the relative ratios between criteria. After you build the matrix, try flipping one weight from 5 to 9 and see if the winner changes — if not, the criterion is not actually doing work and you can drop it."},{"question":"What does the \"Saved Decisions\" list do?","answer":"Every time you click Export JSON, a snapshot of the current matrix (options, criteria, scores, weights) is saved to localStorage under the key decision-matrix-saved as a JSON array, max 10 entries. The \"Saved Decisions\" card at the bottom shows these snapshots with their name (auto-generated from the option names), timestamp, and a Load / Delete button pair. Load replaces the current matrix with the saved one. Delete removes it from the list. The list is local to this browser — it does not sync anywhere. If you want a permanent backup, use Export JSON and save the file to your device or cloud storage; you can re-import it later with the Import button."},{"question":"Can I compare more than 10 options or 10 criteria?","answer":"Technically yes, the tool will accept any number of options and criteria. Practically, the matrix becomes hard to read beyond 5-6 options (the table is wide on mobile) and beyond 5-6 criteria (you start losing the ability to differentiate scores consistently). For larger comparisons, consider grouping criteria into categories (e.g. \"Financial\" weight = sum of 3 sub-criteria, \"Lifestyle\" weight = sum of 3 sub-criteria) and running the matrix at the category level. Or build multiple matrices — one for \"must-haves\" filter, one for \"trade-off comparison\" — and combine the conclusions."},{"question":"Is my decision data private?","answer":"Yes. The matrix is pure client-side JavaScript inlined in the HTML. There are no network calls, no API uploads, no analytics, no CDN. Your options, criteria, scores, and weights stay in localStorage on this device. The Export JSON button uses the standard browser <a download> click to save to your local Downloads folder. Import reads a JSON file from your local file system via FileReader. You can model a personal decision (job choice, relationship, big purchase) without any data being transmitted. Clearing browser data for this site clears the matrix and the saved list."}],"faq_id":[{"question":"Bagaimana skor tertimbang bekerja?","answer":"Untuk tiap opsi (baris) dan tiap kriteria (kolom), kamu assign nilai 1 sampai 10. Untuk tiap kriteria, kamu juga assign bobot 1 sampai 10 yang mencerminkan seberapa penting kriteria itu buat kamu. Tool mengalikan nilai dengan bobot untuk setiap cell, lalu menjumlahkan produk itu untuk memberikan total opsi. Jadi kalau Opsi A nilai 8/10 di Gaji (bobot 9) dan 5/10 di Commute (bobot 3), kontribusi tertimbangnya dari dua kriteria itu adalah (8*9) + (5*3) = 87. Total dijumlahkan lintas semua kriteria, lalu opsi diurutkan berdasarkan total descending. Tiga teratas mendapat style emas/perak/perunggu, dan opsi teratas ditampilkan sebagai rekomendasi di kartu pemenang. Matematikanya sengaja sederhana dan transparan — tidak ada logika fuzzy, tidak ada normalisasi tersembunyi, tidak ada bobot kejutan."},{"question":"Bagaimana cara memilih bobot?","answer":"Bobot adalah bagian paling subjektif dari matriks dan justru itu intinya. Pendekatan umum adalah \"wajib vs nice-to-have\": kalau kriteria esensial (mis. gaji harus覆盖 sewa), berikan bobot tinggi (8-10). Kalau itu tie-breaker (mis. kopi gratis), berikan bobot rendah (1-3). Pendekatan lain adalah \"pembobotan komparatif\": kalau Gaji 2x lebih penting dari Commute buat kamu, set bobot Gaji = 8 dan Commute = 4 (atau 6 dan 3, atau 10 dan 5 — rasio konsisten apa pun). Skala absolut (1-10) tidak sepenting rasio relatif antar kriteria. Setelah kamu bangun matriksnya, coba balik satu bobot dari 5 ke 9 dan lihat apakah pemenangnya berubah — kalau tidak, kriteria itu sebenarnya tidak bekerja dan kamu bisa drop."},{"question":"Apa yang dilakukan daftar \"Keputusan Tersimpan\"?","answer":"Tiap kali kamu klik Export JSON, snapshot matriks saat itu (opsi, kriteria, nilai, bobot) disimpan ke localStorage dengan key decision-matrix-saved sebagai array JSON, max 10 entri. Kartu \"Keputusan Tersimpan\" di bawah menampilkan snapshot ini dengan namanya (auto-generated dari nama opsi), timestamp, dan pasangan tombol Muat / Hapus. Muat mengganti matriks saat ini dengan yang disimpan. Hapus membuangnya dari daftar. Daftar lokal untuk browser ini — tidak sync ke mana pun. Kalau mau backup permanen, pakai Export JSON dan simpan file ke device atau cloud storage; kamu bisa re-import nanti dengan tombol Import."},{"question":"Bisakah saya bandingkan lebih dari 10 opsi atau 10 kriteria?","answer":"Secara teknis bisa, tool akan menerima opsi dan kriteria berapapun. Praktiknya, matriks jadi sulit dibaca di atas 5-6 opsi (tabel lebar di mobile) dan di atas 5-6 kriteria (kamu mulai kehilangan kemampuan untuk membedakan nilai secara konsisten). Untuk perbandingan lebih besar, pertimbangkan mengelompokkan kriteria ke kategori (mis. \"Finansial\" bobot = jumlah 3 sub-kriteria, \"Gaya Hidup\" bobot = jumlah 3 sub-kriteria) dan jalankan matriks di level kategori. Atau bangun beberapa matriks — satu untuk filter \"wajib\", satu untuk \"trade-off\" — dan gabungkan kesimpulannya."},{"question":"Apakah data keputusan saya privat?","answer":"Ya. Matriks adalah JavaScript murni sisi client yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada upload API, tidak ada analitik, tidak ada CDN. Opsi, kriteria, nilai, dan bobot kamu tetap di localStorage pada device ini. Tombol Export JSON memakai klik <a download> standar browser untuk menyimpan ke folder Downloads lokal. Import membaca file JSON dari file system lokal kamu via FileReader. Kamu bisa model keputusan personal (pilihan kerja, relasi, pembelian besar) tanpa data apa pun yang ditransmisikan. Menghapus data browser untuk situs ini menghapus matriks dan daftar tersimpan."}]},{"id":"1bdfc5f1-ab59-4430-94d9-4e4868d6cc78","slug":"caesar-cipher","name":"Caesar Cipher","name_id":"Sandi Caesar","icon":"🔐","category":"text","meta_description":"Caesar cipher encoder/decoder with custom shift. ROT13 preset. Brute force shows all 26 shifts with English-word scoring. A-Z or full ASCII. 100% offline.","meta_description_id":"Caesar cipher encoder/decoder dengan shift kustom. Preset ROT13. Brute force tampilkan 26 shift dengan skor kata Inggris. A-Z atau ASCII penuh. 100% offline.","long_description":"The classic Caesar shift cipher, in three modes. Encode mode takes your text and a shift (0-25) and outputs the cipher text. Decode mode takes cipher text and the matching shift and outputs plaintext. Brute Force mode shows all 26 possible shifts at once with a star marker on the shift that produces the most recognizable English words (scored by a small built-in common-words list), so you can crack a short Caesar ciphered text without knowing the key. The shift slider and number input are linked — drag one and the other updates. Four charset options: A-Z case-preserved (default — letters only, other characters kept as-is), a-z only, A-Z only, and printable ASCII (32-126, all 95 characters shift). Use ROT13 preset to instantly apply shift 13 (the most common Caesar variant). All processing is local; no network, no API.","long_description_id":"Sandi Caesar shift klasik, dalam tiga mode. Mode Encode mengambil teks kamu dan shift (0-25) dan mengeluarkan teks sandi. Mode Decode mengambil teks sandi dan shift yang cocok dan mengeluarkan plaintext. Mode Brute Force menampilkan 26 shift yang mungkin sekaligus dengan marker bintang pada shift yang menghasilkan kata-kata Inggris paling dikenali (dinilai berdasarkan daftar kata umum kecil yang built-in), sehingga kamu bisa crack teks Caesar singkat tanpa mengetahui kuncinya. Slider shift dan input number terhubung — drag salah satu dan yang lain update. Empat opsi charset: A-Z case-preserved (default — hanya huruf, karakter lain dipertahankan apa adanya), a-z saja, A-Z saja, dan printable ASCII (32-126, semua 95 karakter shift). Pakai preset ROT13 untuk langsung menerapkan shift 13 (varian Caesar paling umum). Semua pemrosesan lokal; tanpa jaringan, tanpa API.","size":"14 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Is Caesar cipher actually secure?","answer":"No — it is one of the weakest classical ciphers. With only 25 possible keys, an attacker can try all of them in microseconds. This tool is for education, puzzles, and fun, not for protecting secrets. The brute force mode demonstrates this: it scores all 26 candidates and highlights the most likely plaintext. If you need real confidentiality, use AES-256 (a modern symmetric cipher) or X25519 + ChaCha20 (for key exchange + encryption). The Caesar cipher is historically interesting because it was used by Julius Caesar around 50 BC for military messages, and it illustrates the basic idea of substitution ciphers — every letter is replaced by another letter at a fixed offset."},{"question":"What is ROT13?","answer":"ROT13 is Caesar cipher with shift 13. The special property of shift 13 is that applying it twice returns the original text: ROT13(ROT13(x)) = x. This is because the English alphabet has 26 letters and 13 is exactly half of 26, so each letter maps to the letter 13 positions away, and mapping 13 positions away from that letter brings you back to the start. ROT13 is widely used online to obscure spoilers, puzzle answers, NSFW content, and mildly offensive jokes — anyone who wants to read the text can apply ROT13 in their head (or with a tool like this) and the original content is hidden from casual scanning. It is not encryption because there is no key — the shift is always 13."},{"question":"What does the brute force star marker mean?","answer":"The brute force mode runs all 26 shifts on your cipher text and scores each candidate plaintext by counting how many of the words match a small built-in list of ~100 common English words (\"the\", \"and\", \"to\", \"of\", \"is\", \"are\", etc.). The shift with the highest score gets a star marker. If your cipher text is short (under 30 characters) or contains mostly proper nouns / unusual words, the star may be wrong — common words are a heuristic, not a guarantee. Read each candidate by eye, and use the star as a hint, not a definitive answer. You can also use the copy button next to each candidate to grab that particular shift's output."},{"question":"What charset should I pick?","answer":"Use \"A-Z case-preserved\" (default) for most English text. It shifts A→A+shift, B→B+shift, etc. while keeping the case of the original letter, and passes numbers, punctuation, and whitespace through unchanged. Use \"a-z only\" or \"A-Z only\" if you want strict single-case behavior (useful for some puzzle formats). Use \"Printable ASCII (32-126)\" if your text contains non-letter characters that you also want shifted — for example, if you have an obfuscated file path or a string of mixed letters and digits where you want everything shifted. Note that with the ASCII option, spaces and punctuation are also shifted, which can make the output harder to read."},{"question":"Is my text private?","answer":"Yes. The cipher is pure client-side JavaScript inlined in the HTML. There are no network calls, no API uploads, no analytics, no CDN. Your plaintext, cipher text, and chosen shift stay in your browser. The copy button uses the standard browser clipboard API. Even the brute force scoring (which uses a small built-in word list) is fully local. You can encode or decode any text without any data being transmitted."}],"faq_id":[{"question":"Apakah sandi Caesar benar-benar aman?","answer":"Tidak — itu salah satu sandi klasik paling lemah. Dengan hanya 25 kunci yang mungkin, penyerang bisa mencoba semuanya dalam mikrodetik. Tool ini untuk edukasi, puzzle, dan kesenangan, bukan untuk melindungi rahasia. Mode brute force mendemonstrasikan ini: ia menilai 26 kandidat dan menyorot plaintext paling mungkin. Kalau kamu butuh kerahasiaan nyata, pakai AES-256 (sandi simetrik modern) atau X25519 + ChaCha20 (untuk pertukaran kunci + enkripsi). Sandi Caesar menarik secara historis karena dipakai Julius Caesar sekitar 50 SM untuk pesan militer, dan mengilustrasikan ide dasar sandi substitusi — tiap huruf diganti dengan huruf lain pada offset tetap."},{"question":"Apa itu ROT13?","answer":"ROT13 adalah sandi Caesar dengan shift 13. Properti khusus dari shift 13 adalah menerapkan dua kali mengembalikan teks asli: ROT13(ROT13(x)) = x. Ini karena alfabet Inggris punya 26 huruf dan 13 persis setengah dari 26, jadi tiap huruf memetakan ke huruf 13 posisi jauhnya, dan memetakan 13 posisi jauhnya dari huruf itu membawa kamu kembali ke awal. ROT13 banyak dipakai online untuk mengaburkan spoiler, jawaban puzzle, konten NSFW, dan joke yang agak ofensif — siapa pun yang mau membaca teks bisa menerapkan ROT13 di kepala mereka (atau dengan tool seperti ini) dan konten asli tersembunyi dari pemindaian kasual. Itu bukan enkripsi karena tidak ada kunci — shift selalu 13."},{"question":"Apa arti marker bintang brute force?","answer":"Mode brute force menjalankan 26 shift pada teks sandi kamu dan menilai tiap kandidat plaintext dengan menghitung berapa banyak kata yang cocok dengan daftar kecil built-in ~100 kata umum Inggris (\"the\", \"and\", \"to\", \"of\", \"is\", \"are\", dll.). Shift dengan skor tertinggi mendapat marker bintang. Kalau teks sandi kamu singkat (di bawah 30 karakter) atau mengandung banyak proper noun / kata tidak biasa, bintang mungkin salah — kata umum adalah heuristik, bukan jaminan. Baca tiap kandidat dengan mata, dan pakai bintang sebagai petunjuk, bukan jawaban pasti. Kamu juga bisa pakai tombol salin di sebelah tiap kandidat untuk mengambil output shift tertentu itu."},{"question":"Charset mana yang harus saya pilih?","answer":"Pakai \"A-Z case-preserved\" (default) untuk kebanyakan teks Inggris. Ia menggeser A→A+shift, B→B+shift, dll. sambil mempertahankan case huruf asli, dan melewatkan angka, tanda baca, dan whitespace apa adanya. Pakai \"a-z saja\" atau \"A-Z saja\" kalau kamu ingin perilaku single-case ketat (berguna untuk beberapa format puzzle). Pakai \"Printable ASCII (32-126)\" kalau teks kamu mengandung karakter non-huruf yang juga ingin kamu geser — misalnya, kalau kamu punya path file yang di-obfuscate atau string campuran huruf dan digit di mana kamu ingin semuanya digeser. Catat bahwa dengan opsi ASCII, spasi dan tanda baca juga digeser, yang bisa membuat output lebih sulit dibaca."},{"question":"Apakah teks saya privat?","answer":"Ya. Sandi adalah JavaScript murni sisi client yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada upload API, tidak ada analitik, tidak ada CDN. Plaintext, teks sandi, dan shift yang kamu pilih tetap di browser. Tombol salin memakai API clipboard standar browser. Bahkan penilaian brute force (yang memakai daftar kata built-in kecil) sepenuhnya lokal. Kamu bisa encode atau decode teks apa pun tanpa data apa pun yang ditransmisikan."}]},{"id":"7b5235c2-2b95-493c-80ca-69e44b1b96a6","slug":"gradient-extractor","name":"Gradient Extractor","name_id":"Ekstrak Gradient Gambar","icon":"🎨","category":"developer","meta_description":"Upload an image, extract 3-10 dominant colors via frequency quantization, render as linear/radial gradient, export CSS / JSON / PNG. 100% offline, no CDN.","meta_description_id":"Upload gambar, ekstrak 3-10 warna dominan via kuantisasi frekuensi, render sebagai gradient linear/radial, export CSS / JSON / PNG. 100% offline, tanpa CDN.","long_description":"A pure-JavaScript image color extractor. Drop an image (PNG, JPG, WebP), pick 3 to 10 colors, and the tool extracts the dominant palette using frequency quantization (bit-shift the per-channel color to merge similar hues into buckets, count occurrences, then K-means refine on the top candidates). The output renders as a gradient preview (linear 90°, 45°, 180°, or radial circle). Each swatch shows hex and percentage of the source image. Click any swatch to copy its hex. The export panel shows the CSS gradient string and a JSON palette; you can copy either to clipboard or download the CSS as a .css file and the gradient as a 1200x480 PNG generated on a canvas. Granularity slider controls how aggressively similar colors are merged (2-bit, 3-bit, 4-bit) — coarse for posterized palettes, fine for detailed gradients. All processing is local on a 200x200 downscaled copy of your image for speed.","long_description_id":"Ekstraktor warna gambar JavaScript murni. Drop gambar (PNG, JPG, WebP), pilih 3 sampai 10 warna, dan tool mengekstrak palet dominan menggunakan kuantisasi frekuensi (bit-shift warna per-channel untuk menggabungkan hue serupa ke bucket, hitung kejadian, lalu K-means refine pada kandidat teratas). Output dirender sebagai preview gradient (linear 90°, 45°, 180°, atau radial circle). Tiap swatch menampilkan hex dan persentase dari gambar sumber. Klik swatch mana pun untuk menyalin hex-nya. Panel export menampilkan string CSS gradient dan palet JSON; kamu bisa salin keduanya ke clipboard atau download CSS sebagai file .css dan gradient sebagai PNG 1200x480 yang di-generate di canvas. Slider granularitas mengontrol seberapa agresif warna serupa digabung (2-bit, 3-bit, 4-bit) — kasar untuk palet ter-posterisasi, halus untuk gradient detail. Semua pemrosesan lokal pada salinan gambar 200x200 yang di-downscale untuk kecepatan.","size":"22 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How does the color extraction work?","answer":"The tool runs in three stages. (1) The image is downscaled to 200x200 max (for speed) and drawn to a hidden canvas. (2) Each pixel's R, G, B values are quantized by bit-shifting (2-bit, 3-bit, or 4-bit per channel) so that similar colors merge into \"buckets\" — 2-bit gives 64 buckets (8 per channel), 3-bit gives 512, 4-bit gives 4096. (3) A frequency map counts how many pixels fall into each bucket, then the top 40 buckets are clustered with a 8-iteration K-means into the requested number of centroids. The K-means step merges over-represented buckets and splits under-represented ones to give an even palette. Finally, the percentage of each output color is the sum of pixels in the buckets that merged into its centroid. The whole pipeline runs in JS on the canvas pixel data, no WebAssembly, no network."},{"question":"What granularity should I pick?","answer":"It depends on the image. For photographs and complex gradients, 3-bit (medium, default) gives 5-10 distinct dominant colors with smooth transitions. For flat-design illustrations, posters, or logo art, 2-bit (low) gives a posterized palette of 3-6 strong colors. For detailed paintings or photos with many subtle hues, 4-bit (high) gives finer differentiation but may include near-duplicate colors. If the result looks \"too few\" colors, raise the granularity; if it looks \"too many similar\" colors, lower it. Also, more colors (the top selector) plus higher granularity is the most detailed; fewer colors plus lower granularity is the most abstracted. Try 3 colors at 2-bit for a Bauhaus look, or 10 colors at 4-bit for a full spectrum."},{"question":"How is the gradient rendered?","answer":"The preview uses a CSS linear-gradient or radial-gradient background, with one color stop per palette color, evenly distributed from 0% to 100% of the gradient. The \"Linear 90°\" option runs left-to-right (the default), \"45°\" runs bottom-left to top-right, \"180°\" runs bottom-to-top, and \"Radial\" uses a circle with the first color at the center and the last at the edge. The PNG download renders the same gradient to a 1200x480 canvas via canvas createLinearGradient / createRadialGradient, then exports as PNG with the standard toBlob. The CSS download saves a .css file with a .gradient class that you can paste into any project."},{"question":"Is my image private?","answer":"Yes. The extractor is pure client-side JavaScript inlined in the HTML. There are no network calls, no API uploads, no analytics, no CDN. Your image is loaded via FileReader (which reads the file from your local disk) and drawn to a hidden canvas, then the pixel data is processed locally. The downscaled copy, the palette, the gradient, and the exported PNG are all generated in your browser. You can extract colors from private photos, customer logos, or proprietary product images without any data being transmitted. The only file operations are FileReader for the drop-zone and the standard <a download> for the CSS/PNG exports."},{"question":"Can I extract colors from a URL?","answer":"No, the tool only accepts local files via the file picker or drag-and-drop. Adding URL-based loading would require fetching the image from a remote server, which would leak the URL (and any sensitive image path or query parameters) to whatever CORS proxy or image host serves it. The privacy-first design is intentional: the image never leaves your device. If you have an image at a URL that you want to process, download it first (right-click → Save As, or use a download manager), then drop the local file into the tool. The tool also accepts any image format the browser can decode — PNG, JPG, WebP, GIF, BMP, ICO, AVIF (on supported browsers) — so the local workflow is flexible."}],"faq_id":[{"question":"Bagaimana kerja ekstraksi warna?","answer":"Tool berjalan dalam tiga tahap. (1) Gambar di-downscale ke max 200x200 (untuk kecepatan) dan digambar ke canvas tersembunyi. (2) Nilai R, G, B tiap pixel di-kuantisasi dengan bit-shift (2-bit, 3-bit, atau 4-bit per channel) supaya warna serupa bergabung ke \"bucket\" — 2-bit memberi 64 bucket (8 per channel), 3-bit memberi 512, 4-bit memberi 4096. (3) Peta frekuensi menghitung berapa banyak pixel jatuh ke tiap bucket, lalu 40 bucket teratas di-cluster dengan 8-iterasi K-means ke jumlah centroid yang diminta. Langkah K-means menggabungkan bucket yang terlalu terwakili dan memecah yang kurang terwakili untuk memberikan palet yang merata. Akhirnya, persentase tiap warna output adalah jumlah pixel di bucket yang bergabung ke centroid-nya. Seluruh pipeline berjalan di JS pada data pixel canvas, tanpa WebAssembly, tanpa jaringan."},{"question":"Granularitas mana yang harus saya pilih?","answer":"Tergantung gambar. Untuk foto dan gradient kompleks, 3-bit (sedang, default) memberi 5-10 warna dominan berbeda dengan transisi halus. Untuk ilustrasi flat-design, poster, atau seni logo, 2-bit (rendah) memberi palet ter-posterisasi 3-6 warna kuat. Untuk lukisan detail atau foto dengan banyak nuansa halus, 4-bit (tinggi) memberi differensiasi lebih halus tapi mungkin termasuk warna near-duplikat. Kalau hasilnya terlihat \"terlalu sedikit\" warna, naikkan granularitas; kalau terlihat \"terlalu banyak serupa\" warna, turunkan. Juga, lebih banyak warna (selector atas) plus granularitas lebih tinggi adalah yang paling detail; lebih sedikit warna plus granularitas lebih rendah adalah yang paling diabstraksi. Coba 3 warna di 2-bit untuk tampilan Bauhaus, atau 10 warna di 4-bit untuk spektrum penuh."},{"question":"Bagaimana gradient di-render?","answer":"Preview memakai background CSS linear-gradient atau radial-gradient, dengan satu color stop per warna palet, didistribusikan merata dari 0% ke 100% gradient. Opsi \"Linear 90°\" berjalan kiri-ke-kanan (default), \"45°\" berjalan dari kiri-bawah ke kanan-atas, \"180°\" berjalan dari bawah-ke-atas, dan \"Radial\" menggunakan circle dengan warna pertama di tengah dan terakhir di tepi. Download PNG me-render gradient yang sama ke canvas 1200x480 via canvas createLinearGradient / createRadialGradient, lalu export sebagai PNG dengan toBlob standar. Download CSS menyimpan file .css dengan class .gradient yang bisa kamu paste ke proyek mana pun."},{"question":"Apakah gambar saya privat?","answer":"Ya. Ekstraktor adalah JavaScript murni sisi client yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada upload API, tidak ada analitik, tidak ada CDN. Gambar kamu dimuat via FileReader (yang membaca file dari disk lokal kamu) dan digambar ke canvas tersembunyi, lalu data pixel diproses lokal. Salinan yang di-downscale, palet, gradient, dan PNG yang di-export semua di-generate di browser. Kamu bisa ekstrak warna dari foto privat, logo pelanggan, atau gambar produk proprietary tanpa data apa pun yang ditransmisikan. Satu-satunya operasi file adalah FileReader untuk drop-zone dan <a download> standar untuk export CSS/PNG."},{"question":"Bisakah saya ekstrak warna dari URL?","answer":"Tidak, tool hanya menerima file lokal via file picker atau drag-and-drop. Menambah loading berbasis URL akan memerlukan fetch gambar dari server remote, yang akan membocorkan URL (dan parameter path atau query image sensitif) ke proxy CORS atau host image apa pun yang menyediakannya. Desain privasi-utama adalah disengaja: gambar tidak pernah meninggalkan device kamu. Kalau kamu punya gambar di URL yang ingin kamu proses, download dulu (klik-kanan → Save As, atau pakai download manager), lalu drop file lokal ke tool. Tool juga menerima format gambar apa pun yang bisa di-decode browser — PNG, JPG, WebP, GIF, BMP, ICO, AVIF (di browser yang didukung) — jadi workflow lokal fleksibel."}]},{"id":"49516679-6197-4f3d-8396-f3f6db2784da","slug":"rangkuman-bodo-amat","name":"Rangkuman Bodo Amat (The Subtle Art of Not Giving a F*ck)","name_id":"Rangkuman Bodo Amat","icon":"📖","category":"reading","meta_description":"Complete summary of Mark Manson's \"The Subtle Art of Not Giving a F*ck\" in Indonesian. 9 BAB, 39 sub-bab, expandable accordion. 100% offline.","meta_description_id":"Rangkuman lengkap buku \"The Subtle Art of Not Giving a F*ck\" karya Mark Manson dalam Bahasa Indonesia. 9 BAB, 39 sub-bab, accordion yang bisa dibuka-tutup. 100% offline.","long_description":"Rangkuman lengkap buku \"The Subtle Art of Not Giving a F*ck\" (terjemahan Bahasa Indonesia: \"Bodo Amat\") karya Mark Manson. Buku ini terdiri dari 9 BAB dengan total 39 sub-bab, plus pengantar. Setiap bagian membahas konsep-konsep kunci dari Manson tentang cara berpikir yang lebih sehat: bahwa hidup memang sulit, tapi kita boleh memilih apa yang penting untuk dipusingkan. Konten mencakup pembahasan tentang nilai-nilai, rasa bersalah, kegagalan, kematian, tindakan, dan banyak lagi. Dirancang sebagai referensi cepat - buka BAB yang sedang kamu cari dari daftar collapsible. Semua data statis tertanam di file HTML, tidak ada panggilan jaringan, berfungsi offline sepenuhnya.","long_description_id":"Rangkuman lengkap buku \"The Subtle Art of Not Giving a F*ck\" (judul Indonesia: \"Bodo Amat\") karya Mark Manson. Buku ini terdiri dari 9 BAB dengan total 39 sub-bab, plus pengantar. Tiap bagian membahas konsep-konsep kunci dari Manson tentang cara berpikir yang lebih sehat: bahwa hidup memang sulit, tapi kita boleh memilih apa yang penting untuk dipusingkan. Konten mencakup pembahasan tentang nilai-nilai, rasa bersalah, kegagalan, kematian, tindakan, dan banyak lagi. Dirancang sebagai referensi cepat - buka BAB yang sedang kamu cari dari daftar collapsible. Semua data statis tertanam di file HTML, tidak ada panggilan jaringan, berfungsi offline sepenuhnya.","size":"146 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Is this the full book?","answer":"No. This is a summary, not the full book. The summary captures the main ideas, frameworks, and examples of each BAB and sub-bab, but does not include every paragraph, story, or footnote. For the full experience, read the actual book. The summary works best as a refresher, study reference, or a way to decide if you want to read the book in full."},{"question":"Why is it called \"Bodo Amat\"?","answer":"\"Bodo Amat\" is the Indonesian translation of the book's original title \"The Subtle Art of Not Giving a F*ck\". The phrase is used informally in Indonesian to express that something is \"not a big deal\" or \"who cares\" - a healthy reframe from giving too much attention to things that do not matter. The translation was chosen for its punch and because it captures the spirit of the book in a way that feels native to Indonesian readers."},{"question":"Who should read this summary?","answer":"Anyone curious about the book's ideas but not ready to commit to a full read, anyone who has read it before and wants a quick refresher, or anyone interested in self-help and mindset frameworks but prefers condensed practical content over 200+ pages."},{"question":"How is the content organized?","answer":"The summary follows the book's structure: a Pengantar (introduction) plus 9 BAB (chapters), each divided into sub-bab (sub-chapters). On the page, each BAB is a collapsible section - click the BAB title to expand or collapse. The first BAB is open by default so you can see the content style; the rest are collapsed for quick navigation."},{"question":"Does it work offline?","answer":"Yes. The entire file is a single self-contained HTML page with all content inlined. There are no network calls, no API requests, no CDN dependencies. Once you load the page, you can disconnect from the internet and everything still works."}],"faq_id":[{"question":"Apakah ini buku lengkapnya?","answer":"Bukan. Ini adalah rangkuman, bukan buku utuh. Rangkuman ini menangkap ide-ide utama, framework, dan contoh-contoh dari tiap BAB dan sub-bab, tapi tidak mencakup setiap paragraf, cerita, atau catatan kaki. Untuk pengalaman penuh, baca buku aslinya. Rangkuman ini paling berguna sebagai pengingat, referensi belajar, atau cara untuk memutuskan apakah kamu ingin membaca buku utuhnya."},{"question":"Kenapa judulnya \"Bodo Amat\"?","answer":"\"Bodo Amat\" adalah terjemahan Bahasa Indonesia dari judul asli buku \"The Subtle Art of Not Giving a F*ck\". Frasa ini dipakai secara informal di Indonesia untuk mengekspresikan bahwa sesuatu \"tidak masalah\" atau \"siapa peduli\" - sebuah reframe sehat dari memberi terlalu banyak perhatian pada hal-hal yang sebenarnya tidak penting. Terjemahan ini dipilih karena ketegasannya dan karena menangkap semangat buku dengan cara yang terasa native untuk pembaca Indonesia."},{"question":"Siapa yang sebaiknya membaca rangkuman ini?","answer":"Siapa saja yang penasaran dengan ide-ide buku tapi belum siap untuk membaca utuh, siapa saja yang sudah pernah membaca dan butuh pengingat cepat, atau siapa saja yang tertarik dengan self-help dan framework mindset tapi lebih memilih konten praktis yang ringkas dibanding 200+ halaman."},{"question":"Bagaimana konten diorganisir?","answer":"Rangkuman mengikuti struktur buku: Pengantar plus 9 BAB, masing-masing dibagi menjadi sub-bab. Di halaman, tiap BAB adalah bagian collapsible - klik judul BAB untuk membuka atau menutup. BAB pertama terbuka secara default supaya kamu bisa lihat gaya kontennya; sisanya tertutup untuk navigasi cepat."},{"question":"Apakah bisa offline?","answer":"Bisa. Seluruh file adalah satu halaman HTML mandiri dengan semua konten di-inline. Tidak ada panggilan jaringan, tidak ada request API, tidak ada dependensi CDN. Setelah halaman dimuat, kamu bisa disconnect dari internet dan semuanya tetap berfungsi."}]}],"initialSearch":"","initialCategory":"design","initialLocale":"id"}]}]}]] </article></body></html>

6:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$15"}}],["$","main",null,{"id":"main-content","className":"directory-page","children":["$","$L16",null,{"children":["$","$L17",null,{"tools":[{"id":"a8bf3050-8abc-423e-8f39-a75b480c6fbf","slug":"ai-calorie","name":"AI Calorie Tracker","name_id":"Pelacak Kalori AI","icon":"🍎","category":"health","meta_description":"Snap a photo, log your food. AI-powered calorie and macro tracking with daily goals, progress charts, and weight logging.","meta_description_id":"Foto makanan, catat kalori. Pelacakan kalori & makro berbasis AI dengan target harian, grafik progres, dan pencatatan berat.","long_description":"Track your daily food intake with AI. Take a photo of your meal and get instant calorie + macro estimates (protein, carbs, fat). Set daily goals, track water intake, log your weight, and see your progress over time with 7-day and 30-day trend charts. Works on any device, no signup required. Data stays on your device in IndexedDB for full privacy.","long_description_id":"Lacak asupan makanan harian dengan AI. Foto makananmu dan dapatkan estimasi kalori + makro instan (protein, karbo, lemak). Atur target harian, tracking air, catat berat badan, dan lihat progresmu dengan grafik tren 7 dan 30 hari. Berfungsi di semua perangkat, tanpa daftar. Data tersimpan di perangkat kamu di IndexedDB untuk privasi penuh.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"The AI (Gemini 2.5 Flash) provides estimates based on visual analysis. Accuracy depends on photo quality and food complexity. Always review and edit the AI suggestions before saving — you can adjust calories, macros, and serving sizes.","question":"How accurate is the AI food recognition?"},{"answer":"All data (meals, weights, goals) is stored in your browser's IndexedDB. Nothing is sent to our servers except the food photos you submit for AI analysis. Your meal history and personal data never leave your device.","question":"Where is my data stored?"},{"answer":"The core app (viewing history, adding meals manually, tracking water, logging weight) works offline. AI food recognition requires internet because the analysis runs on Google's servers.","question":"Does it work offline?"},{"answer":"Yes. Tap any meal on the Today screen to delete it. You can also view history by date and delete individual meals.","question":"Can I delete meals?"},{"answer":"Go to Settings (gear icon on the Today screen) and enter your daily calorie target. The default is 2000 kcal, but you should set it based on your TDEE and weight goals. The BMI & Calorie Calculator tool can help you find your target.","question":"How do I set my calorie goal?"}],"faq_id":[{"answer":"AI (Gemini 2.5 Flash) memberikan estimasi berdasarkan analisis visual. Akurasi tergantung kualitas foto dan kompleksitas makanan. Selalu cek dan edit saran AI sebelum menyimpan — kamu bisa sesuaikan kalori, makro, dan ukuran porsi.","question":"Seberapa akurat pengenalan makanan AI?"},{"answer":"Semua data (makanan, berat, target) disimpan di IndexedDB browser kamu. Tidak ada yang dikirim ke server kami kecuali foto makanan yang kamu kirim untuk analisis AI. Riwayat makanan dan data pribadi tidak pernah keluar dari perangkat kamu.","question":"Datanya disimpan di mana?"},{"answer":"Fitur inti (lihat riwayat, tambah makanan manual, tracking air, catat berat) bisa offline. Pengenalan makanan AI butuh internet karena analisis berjalan di server Google.","question":"Bisa dipakai offline?"},{"answer":"Bisa. Tap makanan di layar Hari Ini untuk menghapusnya. Kamu juga bisa lihat riwayat per tanggal dan hapus makanan satu per satu.","question":"Bisa hapus makanan?"},{"answer":"Buka Pengaturan (ikon gear di layar Hari Ini) dan masukkan target kalori harian. Default-nya 2000 kkal, tapi sebaiknya atur berdasarkan TDEE dan target berat kamu. Kalkulator BMI & Kalori bisa membantu menentukan target.","question":"Bagaimana cara atur target kalori?"}],"version":"1.0.0","size":"24 KB","offline":false,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-06-05T09:40:40.143004+00:00","updated_at":"2026-06-05T09:40:40.143004+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"2cebd97b-b115-4085-99be-a4e4dd3aabbf","opens":41,"shares":0,"tool_id":"a8bf3050-8abc-423e-8f39-a75b480c6fbf","installs":0,"updated_at":"2026-07-17T03:31:28.54783+00:00"}},{"id":"8b288fa3-3013-4d77-a989-0815867f21f9","slug":"fuel-cost-calculator","name":"Fuel Cost Calculator","name_id":"Kalkulator Biaya BBM","icon":"⛽","category":"transport","meta_description":"Estimate fuel cost for road trips, daily commutes, and shared rides. Split by passengers, offline and private.","meta_description_id":"Hitung biaya BBM untuk perjalanan, komuter, dan patungan. Bisa bagi per penumpang, offline dan privat.","long_description":"Estimate fuel cost for road trips, commutes, rentals, and shared rides. Enter distance, vehicle efficiency, fuel price, and passengers to see total fuel needed, total cost, cost per person, and cost per kilometer. It supports one-way or round-trip distance, efficiency in km/L or L/100 km, passenger splitting, and a small contingency buffer for traffic, detours, or idling. Everything runs locally in your browser.","long_description_id":"Hitung estimasi biaya BBM untuk road trip, komuter, rental, dan perjalanan patungan. Masukkan jarak, konsumsi kendaraan, harga BBM, dan jumlah penumpang untuk melihat total liter, biaya total, biaya per orang, dan biaya per kilometer. Tool ini mendukung jarak sekali jalan atau pulang-pergi, konsumsi km/L atau L/100 km, pembagian biaya per penumpang, dan buffer kecil untuk macet, putar balik, atau mesin idle. Semua berjalan lokal di browser kamu.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-06-04T05:29:30.63397+00:00","updated_at":"2026-06-04T05:29:30.63397+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"04526da7-c025-4b61-b527-25b2e887ae06","opens":78,"shares":0,"tool_id":"8b288fa3-3013-4d77-a989-0815867f21f9","installs":0,"updated_at":"2026-07-16T03:46:32.623628+00:00"}},{"id":"e1ae3884-c68d-4fb6-8a7b-7e21ecbc0b54","slug":"ibadah-tracker","name":"Ibadah Tracker","name_id":"Tracker Ibadah","icon":"🕌","category":"faith","meta_description":"Track daily Muslim worship — fard prayers, sunnah, Quran, adhkar, fasting, sadaqah, plus a built-in tasbih counter. Monthly heatmap, streak counter, stats. Offline and private.","meta_description_id":"Lacak ibadah harian — sholat wajib, sunnah, Quran, dzikir, puasa, sedekah, plus penghitung tasbih. Heatmap bulanan, streak, statistik. Offline dan privat.","long_description":"Daily Muslim worship tracker with everything in one place. Fard prayers as colored chips for quick tap, sunnah and adhkar as toggle rows, Quran reading with pages-or-verses unit toggle, sunnah fasting and sadaqah extras. Hijri date auto-shown alongside Gregorian. Today screen has an animated progress ring and a streak counter that fires confetti at 3, 7, 30, and 100 day milestones. Calendar tab shows a GitHub-style heatmap so you can see your month at a glance — tap any day for a complete breakdown. Stats tab uses Chart.js for a Quran reading bar chart, plus 7-day consistency bars and Sunnah fasting tally (Mondays, Thursdays, and the Ayyam al-Bid white days). Tasbih tab is a digital dhikr counter with target tracking, vibration feedback, and presets for the most common dhikr. English and Indonesian, locale-detected. Offline-first; signed-in users get cross-device sync via Ringkes.","long_description_id":"Tracker ibadah harian dengan semua kebutuhan dalam satu tools. Sholat wajib sebagai chip warna untuk tap cepat, sunnah dan dzikir sebagai toggle row, Tilawah Quran dengan unit halaman atau ayat, plus puasa sunnah dan sedekah. Tanggal Hijriah otomatis tampil di samping tanggal Masehi. Tab Hari Ini punya progress ring beranimasi dan counter streak yang memicu confetti di milestone 3, 7, 30, dan 100 hari. Tab Kalender menampilkan heatmap ala GitHub jadi kamu bisa lihat bulan kamu sekilas — tap tanggal untuk breakdown lengkap. Tab Statistik pakai Chart.js untuk bar chart bacaan Quran, plus konsistensi 7 hari dan rekap puasa sunnah (Senin, Kamis, dan Ayyamul Bidh). Tab Tasbih adalah penghitung dzikir digital dengan target, getaran haptic, dan preset dzikir paling umum. Bahasa Inggris dan Indonesia, deteksi otomatis. Offline-first; user yang masuk akun dapat sync lintas perangkat lewat Ringkes.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-06-04T02:56:35.319984+00:00","updated_at":"2026-06-04T02:56:35.319984+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"33995974-31d2-4b3b-a017-b4a03a7fd1fa","opens":45,"shares":0,"tool_id":"e1ae3884-c68d-4fb6-8a7b-7e21ecbc0b54","installs":0,"updated_at":"2026-07-16T03:25:58.558695+00:00"}},{"id":"e285ab22-dc6a-4ea3-bc3f-c89a712a8a46","slug":"shift-schedule","name":"Shift Schedule","name_id":"Jadwal Shift","icon":"📅","category":"utilities","meta_description":"Set your shift pattern once and see the next 7 days, monthly calendar, weekly hours, and salary preview. Export as image. Offline.","meta_description_id":"Atur pola shift sekali, lihat 7 hari ke depan, kalender bulanan, total jam mingguan, dan estimasi gaji. Export sebagai gambar. Bisa offline.","long_description":"Pick a preset (3-shift 24h, 2-shift 12h, 4-on-2-off, 5-on-2-off, 6-on-1-off) plus your cycle start date and starting position — the calculator rotates the pattern automatically across days, weeks, and months. The next 7 days appear as a list with shift name, hours, and time range. The monthly calendar grid colors each day by shift type and lets you tap a date to override it as off (national holiday, personal leave). Optional fields: daily wage and a night-shift multiplier (default 1.5x) produce a monthly salary preview. A weekly hours warning fires above 40h, mirroring UU Ketenagakerjaan No. 13/2003 guidance. Export the schedule as a PNG to share via WhatsApp. Works fully offline.","long_description_id":"Pilih preset (3-shift 24jam, 2-shift 12jam, 4-on-2-off, 5-on-2-off, 6-on-1-off) plus tanggal mulai siklus dan posisi mulai — kalkulator memutar pola otomatis lintas hari, minggu, dan bulan. Tujuh hari ke depan tampil sebagai daftar dengan nama shift, jam, dan rentang waktu. Grid kalender bulanan mewarnai tiap hari sesuai jenis shift dan kamu bisa tap tanggal untuk override jadi libur (hari libur nasional, cuti pribadi). Field opsional: upah harian dan multiplier shift malam (default 1.5x) menghasilkan estimasi gaji bulanan. Warning jam mingguan muncul kalau melebihi 40 jam, mengikuti UU Ketenagakerjaan No. 13/2003. Export jadwal sebagai PNG buat share lewat WhatsApp. Bisa offline.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-06-04T02:56:35.070079+00:00","updated_at":"2026-06-04T02:56:35.070079+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"b2d72c4d-9ef5-4a44-bde1-1be09c2f666c","opens":35,"shares":0,"tool_id":"e285ab22-dc6a-4ea3-bc3f-c89a712a8a46","installs":0,"updated_at":"2026-07-21T05:38:30.611197+00:00"}},{"id":"b2649700-7aaf-48cb-958b-95f9bcaf8eca","slug":"lorem-ipsum","name":"Lorem Ipsum Generator","name_id":"Generator Lorem Ipsum","icon":"📝","category":"utilities","meta_description":"Generate Lorem Ipsum placeholder text in paragraphs, sentences, or words. Supports Latin and Indonesian dummy text. Copy ready.","meta_description_id":"Buat teks placeholder Lorem Ipsum dalam paragraf, kalimat, atau kata. Mendukung teks Latin dan bahasa Indonesia. Siap salin.","long_description":"Quickly generate placeholder text for your mockups, layouts, and prototypes. Choose between paragraphs, sentences, or individual words with adjustable count. Switch between classic Latin (Lorem Ipsum) and Indonesian placeholder text. Output options include plain text or HTML with

tags. Copy individual items or the entire batch to clipboard. Works fully offline — no data sent anywhere.","long_description_id":"Buat teks placeholder dengan cepat untuk mockup, tata letak, dan prototipe Anda. Pilih antara paragraf, kalimat, atau kata dengan jumlah yang bisa disesuaikan. Beralih antara teks Latin klasik (Lorem Ipsum) dan placeholder bahasa Indonesia. Opsi output mencakup teks biasa atau HTML dengan tag

. Salin item individual atau seluruh batch ke clipboard. Bekerja sepenuhnya offline — tidak ada data yang dikirim ke mana pun.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-06-04T02:56:14.295582+00:00","updated_at":"2026-06-04T02:56:14.295582+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"6093e274-3456-4135-9d04-f5b6e11b5048","opens":25,"shares":0,"tool_id":"b2649700-7aaf-48cb-958b-95f9bcaf8eca","installs":0,"updated_at":"2026-07-11T11:23:35.113765+00:00"}},{"id":"3d6f8e1c-f3ee-450c-a9b8-a2e2bfe03424","slug":"debt-tracker","name":"Debt Tracker","name_id":"Catatan Hutang","icon":"💸","category":"finance","meta_description":"Track personal debts and IOUs between friends or family. Partial payments, photo proof, WhatsApp reminders. No signup, fully offline.","meta_description_id":"Catat hutang dan piutang antar teman atau keluarga. Pembayaran cicilan, bukti foto, ingatkan via WhatsApp. Tanpa daftar, bisa offline.","long_description":"Lend a friend Rp 500k for groceries? Borrowed cab fare from a coworker? Most people end up tracking these in WhatsApp screenshots or Notes app — easy to lose track of, awkward to bring up, no totals. Debt Tracker keeps a clean per-person ledger: tap to add who you lent to or borrowed from, attach a photo of the receipt or transfer screenshot, and check it off as they pay you back (in full, or in partial installments over time). Each person has a net balance — green if they owe you, red if you owe them — sorted largest first so you can see what matters. Tap \"WA Reminder\" to open WhatsApp with a friendly pre-written message, no need to retype. Fully offline, no signup; if you sign in to Ringkes your data syncs across devices. Privacy-first — entries live on your device.","long_description_id":"Pinjamkan teman Rp 500rb untuk belanja? Hutang ongkos taksi ke kolega? Kebanyakan orang akhirnya catat ini di screenshot WhatsApp atau aplikasi Notes — gampang hilang, canggung untuk ditagih, tidak ada total. Catatan Hutang menyimpan ledger rapi per orang: tap untuk catat siapa yang kamu pinjamkan atau pinjam dari, lampirkan foto struk atau bukti transfer, dan centang saat sudah dibayar (penuh, atau cicilan bertahap). Tiap orang punya saldo bersih — hijau kalau mereka berhutang, merah kalau kamu hutang — diurutkan terbesar dulu jadi yang penting kelihatan. Tap \"Ingatkan via WA\" untuk buka WhatsApp dengan pesan template ramah, tidak perlu ketik ulang. Bisa offline, tanpa daftar; kalau masuk akun Ringkes, datanya sync lintas perangkat. Privasi terjaga — entri tersimpan di device kamu.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-06-04T02:56:14.040403+00:00","updated_at":"2026-06-04T02:56:14.040403+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"494b7019-17ac-43eb-8b05-f2e6a14c98de","opens":39,"shares":0,"tool_id":"3d6f8e1c-f3ee-450c-a9b8-a2e2bfe03424","installs":0,"updated_at":"2026-07-16T05:31:39.483684+00:00"}},{"id":"86934ab2-5fc6-4da8-82e3-18803e694bf6","slug":"kalkulator-token-listrik","name":"PLN Token Calculator","name_id":"Kalkulator Token Listrik","icon":"⚡","category":"finance","meta_description":"Calculate estimated kWh from PLN prepaid electricity token. Select tariff group, enter amount, see result instantly.","meta_description_id":"Hitung estimasi kWh token listrik PLN. Pilih golongan, masukkan nominal, lihat hasil langsung.","long_description":"Enter the amount you want to purchase (Rp 20,000 – Rp 1,000,000), select your tariff group (R1/450VA through R3/6600+VA), set your local PPJ tax rate (3–10%), and admin fee (Rp 1,600–3,500). The calculator instantly shows estimated kWh with a full breakdown: nominal → minus admin → tariff calculation → PPJ → final kWh. Supports all residential tariff groups including subsidized (450VA, 900VA) and non-subsidized (1300VA, 2200VA, 3500VA, 5500VA, 6600+VA). State is saved locally so your golongan and preferences persist between visits. Works fully offline.","long_description_id":"Masukkan nominal pembelian (Rp 20.000 – Rp 1.000.000), pilih golongan tarif (R1/450VA sampai R3/6600+VA), atur tarif PPJ daerah (3–10%), dan biaya admin (Rp 1.600–3.500). Kalkulator langsung menampilkan estimasi kWh dengan breakdown lengkap: nominal → minus admin → perhitungan tarif → PPJ → kWh akhir. Mendukung semua golongan tarif rumah tangga termasuk subsidi (450VA, 900VA) dan non-subsidi (1300VA, 2200VA, 3500VA, 5500VA, 6600+VA). State tersimpan lokal sehingga golongan dan preferensi tetap ada antar kunjungan. Bisa offline.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-06-04T02:56:13.461826+00:00","updated_at":"2026-06-04T02:56:13.461826+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"d086f989-4179-44be-be22-6c0fbfe3a2ab","opens":31,"shares":0,"tool_id":"86934ab2-5fc6-4da8-82e3-18803e694bf6","installs":0,"updated_at":"2026-07-11T23:33:10.103918+00:00"}},{"id":"5cf1a928-ce8b-4602-a71b-1901dd2aa187","slug":"kpr-cicilan-calculator","name":"Mortgage & Loan Calculator","name_id":"Kalkulator KPR & Cicilan","icon":"🏠","category":"finance","meta_description":"Simulate KPR (mortgage) and item installments with annuity or flat method. Includes DSR warning so you don't over-commit.","meta_description_id":"Simulasi cicilan KPR rumah dan cicilan barang/PayLater dengan metode anuitas atau flat. Termasuk DSR warning supaya tidak salah pilih cicilan.","long_description":"Two calculators in one tool. KPR tab handles long-term mortgages: enter property price, DP percent, tenor in years, and annual rate; toggle between annuity (the standard bank method) and flat. Loan tab handles shorter installments like PayLater, electronics, or motorbikes: price, DP in IDR, tenor in months, annual rate, with flat as the default method. Optionally enter your monthly income and the calculator shows your DSR (Debt Service Ratio) — the share of income going to this installment. The card turns amber at 30-40% (high) and red above 40% (risky), based on standard OJK/BI prudent-borrowing thresholds. Works fully offline.","long_description_id":"Dua kalkulator dalam satu tools. Tab KPR untuk cicilan rumah jangka panjang: masukkan harga properti, persen DP, tenor tahun, dan bunga tahunan; pilih metode anuitas (standar bank) atau flat. Tab Cicilan untuk cicilan jangka pendek seperti PayLater, elektronik, atau motor: harga, DP rupiah, tenor bulan, bunga tahunan, default metode flat. Optional masukkan penghasilan bulanan dan tools tampilkan DSR (Debt Service Ratio) — porsi penghasilan yang masuk cicilan. Card jadi kuning di 30-40% (tinggi) dan merah di atas 40% (berisiko), berdasar guideline prudent-borrowing OJK/BI. Bisa offline.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-06-04T02:56:12.918015+00:00","updated_at":"2026-06-04T02:56:12.918015+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"95dc5c03-ce55-4678-b114-baa823e142cf","opens":23,"shares":0,"tool_id":"5cf1a928-ce8b-4602-a71b-1901dd2aa187","installs":0,"updated_at":"2026-07-16T03:26:50.532369+00:00"}},{"id":"3f3dd4cd-ea2b-410c-94ea-6c1d7b0d6afc","slug":"zakat-calculator","name":"Zakat Calculator","name_id":"Kalkulator Zakat","icon":"🕌","category":"finance","meta_description":"Calculate income, savings, gold, trade, and fitrah zakat using the 85g gold nisab and 2.5% rate. Offline and private.","meta_description_id":"Hitung zakat penghasilan, tabungan, emas, perdagangan, dan fitrah pakai nisab 85 gram emas dan rate 2,5%. Offline dan privat.","long_description":"Calculate all five common types of zakat in one place: monthly income (penghasilan), savings & liquid assets (maal/tabungan), pure gold ownership (emas), trade assets after debt (perdagangan), and yearly fitrah for Ramadan. Each type uses the proper nisab — 85 grams of gold for maal types, 2.5 kg of staple food per person for fitrah — and the standard 2.5% rate. Set the gold price once and it applies across all maal calculations; you can override anytime with today's ANTAM price for full accuracy. Below-nisab cases show clearly how much short you are. Works fully offline.","long_description_id":"Hitung lima jenis zakat sekaligus dalam satu tools: penghasilan bulanan, tabungan & aset lancar (maal), kepemilikan emas murni, aset perdagangan setelah dikurangi utang, dan fitrah tahunan jelang Idul Fitri. Tiap jenis pakai nisab yang sesuai — 85 gram emas untuk zakat maal, 2,5 kg beras per jiwa untuk fitrah — dengan rate standar 2,5%. Set harga emas sekali, otomatis dipakai di semua jenis zakat maal; bisa kamu override kapan saja dengan harga ANTAM hari ini untuk akurasi penuh. Kalau belum mencapai nisab, tools jelas tunjukin selisihnya. Bisa offline.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-06-04T02:56:12.569011+00:00","updated_at":"2026-06-04T02:56:12.569011+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"36272e7b-f184-4a4a-addd-08fdf021689e","opens":13,"shares":0,"tool_id":"3f3dd4cd-ea2b-410c-94ea-6c1d7b0d6afc","installs":0,"updated_at":"2026-06-16T15:00:18.279699+00:00"}},{"id":"6d785016-1a0b-4b2d-ac30-e6afae892424","slug":"color-converter","name":"Color Converter","name_id":"Konverter Warna","icon":"🎨","category":"utilities","meta_description":"Pick, convert, and copy colors between HEX, RGB, HSL, and HSB formats. Includes color picker, random colors, contrast checker, and history.","meta_description_id":"Pilih, konversi, dan salin warna antara format HEX, RGB, HSL, dan HSB. Dilengkapi pemilih warna, warna acak, pemeriksa kontras, dan riwayat.","long_description":"A complete color toolkit for designers and developers. Pick any color with the native color picker or type values directly into HEX, RGB, HSL, or HSB fields — all formats sync in realtime. Check WCAG contrast ratios against white and black backgrounds with AA/AAA grades. Generate random colors for inspiration with a tap or spacebar. Your last 20 colors are saved locally and appear in the history grid — tap any swatch to reload it. Copy individual formats or all four at once. Works fully offline.","long_description_id":"Toolkit warna lengkap untuk desainer dan developer. Pilih warna apa pun dengan pemilih warna native atau ketik nilai langsung ke field HEX, RGB, HSL, atau HSB — semua format sinkron secara realtime. Periksa rasio kontras WCAG terhadap latar putih dan hitam dengan grade AA/AAA. Hasilkan warna acak untuk inspirasi dengan satu ketuk atau spasi. 20 warna terakhir Anda disimpan secara lokal dan muncul di grid riwayat — ketuk swatch mana pun untuk memuatnya kembali. Salin format individual atau keempatnya sekaligus. Bekerja sepenuhnya offline.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-06-04T02:55:19.974873+00:00","updated_at":"2026-06-04T02:55:19.974873+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"27f33fbd-2acb-49d4-9234-5a0d144f1927","opens":21,"shares":0,"tool_id":"6d785016-1a0b-4b2d-ac30-e6afae892424","installs":0,"updated_at":"2026-07-13T14:15:33.588963+00:00"}},{"id":"b2bf48ca-0d99-47bf-b06d-864026909bf4","slug":"password-generator","name":"Password Generator","name_id":"Generator Password","icon":"🔐","category":"utilities","meta_description":"Generate strong random passwords and memorable passphrases. Fully offline, private, and configurable.","meta_description_id":"Buat password acak yang kuat dan frasa sandi mudah diingat. Sepenuhnya offline, privat, dan bisa dikustomisasi.","long_description":"Create strong, cryptographically random passwords with full control over length (4-128 chars), character sets (uppercase, lowercase, numbers, symbols), ambiguous character exclusion, and custom symbol sets. Switch to passphrase mode for memorable multi-word phrases with configurable separators. Includes a built-in strength meter using entropy calculation, a batch mode to generate multiple passwords at once, and a history panel that stores your last 10 passwords locally with tap-to-reveal. One-tap copy to clipboard with toast feedback. Everything runs in your browser — no data ever leaves your device.","long_description_id":"Buat password acak yang kuat secara kriptografis dengan kontrol penuh atas panjang (4-128 karakter), set karakter (huruf besar, kecil, angka, simbol), pengecualian karakter ambigu, dan set simbol kustom. Beralih ke mode frasa sandi untuk frasa multi-kata yang mudah diingat dengan pemisah yang bisa disesuaikan. Dilengkapi pengukur kekuatan berbasis entropi, mode batch untuk membuat beberapa password sekaligus, dan panel riwayat yang menyimpan 10 password terakhir secara lokal dengan ketuk-untuk-lihat. Satu ketuk salin ke clipboard dengan notifikasi toast. Semua berjalan di browser — tidak ada data yang keluar dari perangkat Anda.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-06-04T02:55:19.550005+00:00","updated_at":"2026-06-04T02:55:19.550005+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"035f1e81-026a-4250-9f58-237dd04457fc","opens":27,"shares":0,"tool_id":"b2bf48ca-0d99-47bf-b06d-864026909bf4","installs":0,"updated_at":"2026-07-21T08:34:15.411517+00:00"}},{"id":"1f20796b-f228-4a5e-8c03-0e121ef3f2cb","slug":"oper","name":"Oper","name_id":"Oper","icon":"📨","category":"utilities","meta_description":"Send files and text between devices. Direct P2P transfer with QR pairing — no upload, no signup, no compression.","meta_description_id":"Oper file dan teks antar device. P2P langsung pakai QR pairing — tanpa upload, tanpa daftar, tanpa kompresi.","long_description":"Oper transfers files and text directly between two devices using WebRTC. Open it on the sender, scan the QR (or type the 4-character code) on the receiver, and the connection is up. Files stream peer-to-peer — they never touch a server, so photos and videos arrive at full quality and there is no upload bar fighting your data plan. On the same Wi-Fi the transfer runs at LAN speed; across networks it falls back to public NAT traversal. Works without an account, no install required (it runs as a PWA), and supports any file type. Use a custom room name like /tools/oper#kantor to bookmark a recurring channel for your team. Text mode covers the other half of cross-device sharing — links, addresses, OTPs, paragraphs — copied to the receiver clipboard automatically.","long_description_id":"Oper mengirim file dan teks langsung antar dua device pakai WebRTC. Buka di pengirim, scan QR (atau ketik kode 4-karakter) di penerima, dan koneksi langsung tersambung. File mengalir peer-to-peer — tidak pernah lewat server, jadi foto dan video sampai dengan kualitas penuh dan tidak ada bar upload yang memakan kuota. Di Wi-Fi yang sama transfer berjalan secepat LAN; lintas jaringan akan fallback ke NAT traversal publik. Tidak perlu daftar, tidak perlu install (berjalan sebagai PWA), dan mendukung tipe file apa pun. Pakai nama room custom seperti /tools/oper#kantor untuk bookmark channel tetap buat tim kamu. Mode teks menutup setengah lain dari berbagi antar device — link, alamat, OTP, paragraf — otomatis disalin ke clipboard penerima.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"No. Once the two devices connect, the file is sent peer-to-peer over WebRTC. We only use Supabase Realtime briefly to exchange the connection handshake (SDP and ICE candidates). The file bytes never touch our infrastructure.","question":"Does the file pass through your server?"},{"answer":"WebRTC picks the most direct route it can. On the same Wi-Fi the connection is LAN-direct (very fast). Across networks it goes through your respective public IPs. About 30% of strict NATs cannot establish a direct path at all — in those cases the connection fails and you will see an error. The current MVP does not include a TURN relay fallback.","question":"Why is it sometimes very fast and sometimes slow?"},{"answer":"On the sender, tap the QR or \"Copy link\" — receiver opens that URL and is auto-joined. Or share just the 4-character code, receiver types it on the Receive tab. For a recurring room (team channel), tap \"Use custom room name\" and pick something like \"kantor\" — anyone with /tools/oper#kantor joins the same room.","question":"How do I share a room name?"},{"answer":"No hard limit, but very large files (>500 MB) work best on the same Wi-Fi. Across cellular networks the transfer can stall on flaky links — the current MVP does not support resumable transfer.","question":"Is there a file size limit?"},{"answer":"Not in this version. A room is limited to two peers. If you try to join a full room you will see \"Room full\" — open a new room instead.","question":"Can more than two devices join?"},{"answer":"Yes. WebRTC data channels use DTLS encryption end-to-end by default — the same protocol that secures video calls in Google Meet, WhatsApp Calls, etc.","question":"Is the transfer encrypted?"},{"answer":"The room is ephemeral — it exists only while at least one peer is connected. Close both tabs and the room is gone. Custom room names work the same way: the name is reusable, but no state is stored.","question":"What happens to the room when I close the tab?"}],"faq_id":[{"answer":"Tidak. Setelah dua device tersambung, file dikirim peer-to-peer pakai WebRTC. Supabase Realtime hanya dipakai sebentar untuk tukar handshake koneksi (SDP dan ICE candidate). Byte file tidak pernah lewat infrastruktur kami.","question":"Apakah file lewat server kalian?"},{"answer":"WebRTC memilih rute paling langsung. Di Wi-Fi yang sama koneksi LAN-direct (sangat cepat). Lintas jaringan lewat IP publik masing-masing. Sekitar 30% NAT yang ketat tidak bisa membangun jalur langsung — di kasus ini koneksi gagal dan akan muncul error. MVP saat ini belum punya fallback TURN relay.","question":"Kenapa kadang cepat sekali kadang lambat?"},{"answer":"Di pengirim, tap QR atau \"Salin link\" — penerima buka URL itu dan otomatis tersambung. Atau bagikan kode 4-karakter saja, penerima mengetiknya di tab Terima. Untuk room tetap (channel tim), tap \"Pakai nama room sendiri\" dan pilih misalnya \"kantor\" — siapa pun yang buka /tools/oper#kantor masuk ke room yang sama.","question":"Cara share nama room?"},{"answer":"Tidak ada batas keras, tapi file besar (>500 MB) paling baik di Wi-Fi yang sama. Lintas jaringan seluler transfer bisa stall di link yang tidak stabil — MVP saat ini belum mendukung resume.","question":"Ada batasan ukuran file?"},{"answer":"Belum di versi ini. Room dibatasi dua peer. Kalau coba join room yang penuh akan muncul \"Room penuh\" — bikin room baru saja.","question":"Bisa lebih dari dua device gabung?"},{"answer":"Ya. WebRTC data channel pakai enkripsi DTLS end-to-end secara default — protokol yang sama yang mengamankan video call di Google Meet, WhatsApp Call, dll.","question":"Apakah transfer terenkripsi?"},{"answer":"Ya. Room bersifat ephemeral — hanya ada selama minimal satu peer terhubung. Tutup kedua tab dan room hilang. Nama room custom juga begitu: nama bisa dipakai ulang, tapi tidak ada state yang disimpan.","question":"Room hilang setelah tab ditutup?"}],"version":"1.0.0","size":"18 KB","offline":false,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-31T07:04:34.281055+00:00","updated_at":"2026-05-31T07:04:34.281055+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"b9d0ca82-a125-4263-8417-483deb9e945d","opens":123,"shares":0,"tool_id":"1f20796b-f228-4a5e-8c03-0e121ef3f2cb","installs":0,"updated_at":"2026-07-19T01:42:33.383707+00:00"}},{"id":"c9d17fe6-1994-42af-a75a-be6330edfec4","slug":"subscription-tracker","name":"Subscription Tracker","name_id":"Pelacak Langganan","icon":"🔁","category":"finance","meta_description":"Track recurring subscriptions, see monthly and yearly totals, and get upcoming-due reminders. Multi-currency, offline, no signup.","meta_description_id":"Lacak langganan berulang, lihat total bulanan dan tahunan, plus pengingat yang akan jatuh tempo. Multi mata uang, offline, tanpa daftar.","long_description":"Add every subscription that bills on a schedule — Netflix, Spotify, gym, cloud storage, software, anything — and Subscription Tracker shows you where the money actually goes. The hero card at the top sums monthly and yearly spend in your default currency, the Upcoming section flags every subscription due in the next 30 days (with red for today and amber for the next three days), and the breakdown by category shows which slice of life eats the most. Each entry holds amount, billing cycle (weekly, monthly, quarterly, yearly), next-due date, category, icon, and color. Pause anything you don't want to count without losing the record. Export and import as JSON for backup. Everything is stored on your device — no signup, no servers.","long_description_id":"Tambahkan setiap langganan berulang — Netflix, Spotify, gym, cloud storage, software, apa pun — dan Subscription Tracker menampilkan ke mana uangmu pergi. Kartu utama di atas menjumlahkan pengeluaran bulanan dan tahunan dalam mata uang utama kamu, bagian Akan Datang menandai setiap langganan yang jatuh tempo dalam 30 hari ke depan (merah untuk hari ini, kuning untuk tiga hari berikutnya), dan breakdown per kategori menunjukkan slice mana yang paling besar. Tiap entri menyimpan jumlah, siklus tagihan (mingguan, bulanan, per 3 bulan, tahunan), tanggal tagih berikutnya, kategori, ikon, dan warna. Jeda langganan yang tidak ingin dihitung tanpa menghapus catatannya. Ekspor dan impor JSON untuk backup. Semua tersimpan di perangkat kamu — tidak perlu daftar, tidak ada server.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"Weekly is multiplied by 52/12, quarterly is divided by 3, yearly is divided by 12. The hero card and category breakdown use these monthly equivalents so you can compare apples to apples.","question":"How are weekly, quarterly, and yearly subscriptions converted to a monthly total?"},{"answer":"Yes — each subscription keeps its own currency (22 supported including USD, EUR, GBP, JPY, IDR, SGD, MYR, INR, etc.). The hero totals show everything in your default currency without conversion, so you'll see the raw sum. Pick the default that matches most of your subs.","question":"Can I track subscriptions in different currencies?"},{"answer":"Every active subscription whose next-due date falls within 30 days. Red border means due today or overdue, amber means due within three days. Tap any row to open its detail and edit, pause, or delete.","question":"What does the upcoming section show?"},{"answer":"Only in your browser localStorage. Nothing is uploaded anywhere. Export to JSON anytime for backup, and import on another device to restore.","question":"Where is my data stored?"},{"answer":"Yes. After the first load it works fully offline — add, edit, view totals, export, import. No network needed.","question":"Does it work offline?"},{"answer":"Pause keeps the record but excludes it from totals and upcoming alerts. Useful for free trials, seasonal subscriptions, or anything you might come back to. Delete is permanent.","question":"Why pause instead of delete?"}],"faq_id":[{"answer":"Mingguan dikali 52/12, per 3 bulan dibagi 3, tahunan dibagi 12. Kartu utama dan breakdown per kategori pakai setara bulanan ini supaya bisa dibandingkan adil.","question":"Bagaimana langganan mingguan, per 3 bulan, dan tahunan dikonversi ke total bulanan?"},{"answer":"Bisa — tiap langganan menyimpan mata uangnya sendiri (22 didukung termasuk USD, EUR, GBP, JPY, IDR, SGD, MYR, INR, dll). Total di hero menampilkan semuanya dalam mata uang utama kamu tanpa konversi, jadi yang ditampilkan adalah jumlah mentah. Pilih default yang cocok dengan mayoritas langganan kamu.","question":"Bisa lacak langganan dalam mata uang berbeda?"},{"answer":"Semua langganan aktif yang tanggal tagih berikutnya jatuh dalam 30 hari ke depan. Border merah berarti jatuh tempo hari ini atau lewat, kuning berarti dalam tiga hari. Tap baris mana pun untuk buka detail, edit, jeda, atau hapus.","question":"Apa yang ditampilkan bagian Akan Datang?"},{"answer":"Cuma di localStorage browser kamu. Tidak ada yang diupload. Ekspor JSON kapan saja untuk backup, lalu impor di perangkat lain untuk pulihkan.","question":"Datanya disimpan di mana?"},{"answer":"Bisa. Setelah pertama kali dibuka, semuanya jalan offline — tambah, edit, lihat total, ekspor, impor. Tidak butuh internet.","question":"Bisa offline?"},{"answer":"Jeda menyimpan catatannya tapi tidak ikut dihitung di total dan tidak muncul di Akan Datang. Berguna untuk free trial, langganan musiman, atau apa pun yang mungkin akan dipakai lagi. Hapus sifatnya permanen.","question":"Kenapa harus jeda, bukan hapus?"}],"version":"1.2.0","size":"20 KB","offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-31T02:02:35.007095+00:00","updated_at":"2026-05-31T04:07:13.758346+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"c8a51985-ebb6-46b7-9ee4-ce3d37c90a69","opens":162,"shares":0,"tool_id":"c9d17fe6-1994-42af-a75a-be6330edfec4","installs":0,"updated_at":"2026-07-16T03:33:23.73504+00:00"}},{"id":"00c32740-6445-4e50-a195-ad3084f9aa9a","slug":"split-bill","name":"Split Bill","name_id":"Split Bill","icon":"🧾","category":"utilities","meta_description":"Split a bill fairly with friends. Add items, assign shares, distribute tax and tip, export the result as a shareable image. No signup, works offline.","meta_description_id":"Bagi tagihan dengan adil bersama teman. Tambah item, tentukan siapa pesan apa, distribusikan pajak dan tip, ekspor hasilnya sebagai gambar siap kirim. Tanpa daftar, bisa offline.","long_description":"Split a bill the way it actually went. Add the people, list the items with their prices, tap to assign who shared what, and Ringkes distributes tax, service, and discount proportionally to each person's subtotal. When more than one person paid up front, the settle-up section computes the minimum number of transfers needed to balance everyone out. Hit Save and the whole result becomes a clean PNG you can drop into WhatsApp, iMessage, Telegram, or anywhere else — no app install required from your friends, no signup from you. Optional receipt scan via OCR helps prefill items, but always double-check before splitting.","long_description_id":"Bagi tagihan sesuai kejadiannya. Masukkan nama orang, daftar item dengan harganya, tap untuk tentukan siapa patungan apa, dan Ringkes mendistribusikan pajak, service, dan diskon proporsional ke subtotal masing-masing. Kalau yang nalangin lebih dari satu, bagian settle up menghitung transfer paling sedikit biar semua impas. Tekan Simpan dan hasilnya jadi PNG bersih yang bisa langsung kamu kirim lewat WhatsApp, iMessage, Telegram, atau apa pun — teman kamu nggak perlu install app, kamu nggak perlu bikin akun. Ada opsi scan struk pakai OCR untuk prefill item, tapi selalu cek lagi sebelum dibagi.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"Proportionally to each person's subtotal. If Alice ate $40 worth and Bob ate $20, Alice covers two-thirds of the tax and service. Splitting tax evenly is unfair when people ordered very different amounts.","question":"How is tax and service split?"},{"answer":"When some people paid up front, it computes the minimum set of transfers to balance everyone out. Two people who pre-paid means the result lands as plain 'X pays Y' lines instead of everyone wiring to one person.","question":"What does \"Settle up\" do?"},{"answer":"It uses OCR.space behind the scenes — good for clear printed receipts, mediocre for thermal-printer fade or photos at an angle. Always check the items and prices before sharing the result. The scan is a head start, not a final answer.","question":"Is the receipt scan accurate?"},{"answer":"Bills, people, items — everything stays in your browser via localStorage. Nothing is uploaded anywhere. The receipt scan is the only step that briefly sends an image to a third-party OCR service; the image is not retained on our side.","question":"Where does the data go?"},{"answer":"Yes for the core flow — entering people, items, modifiers, and exporting an image. Receipt scan needs internet because the OCR runs on a server.","question":"Does it work offline?"},{"answer":"About 22 major currencies (USD, EUR, GBP, JPY, IDR, SGD, MYR, INR, and more) with proper number formatting. The math is currency-agnostic — only display formatting changes.","question":"Which currencies are supported?"}],"faq_id":[{"answer":"Proporsional ke subtotal masing-masing. Kalau Andi makan Rp 40k dan Budi Rp 20k, Andi nanggung dua per tiga dari pajak dan service. Bagi rata gak adil kalau pesanan beda jauh.","question":"Pajak dan service dibagi gimana?"},{"answer":"Kalau yang nalangin lebih dari satu orang, fitur ini ngitung transfer paling sedikit biar semua impas. Dua orang yang nalangin = hasilnya langsung berupa 'X bayar ke Y', bukan semua harus transfer ke satu orang.","question":"Settle up itu apa?"},{"answer":"Pakai OCR.space di backend — bagus untuk struk cetak yang jelas, kurang akurat untuk struk thermal yang pudar atau foto miring. Selalu cek item dan harga sebelum share. Scan itu starting point, bukan jawaban final.","question":"Akurasi scan struk gimana?"},{"answer":"Tagihan, orang, item — semua disimpan di browser kamu lewat localStorage. Tidak ada upload ke mana pun. Hanya scan struk yang sebentar mengirim gambar ke layanan OCR pihak ketiga; gambar tidak kami simpan.","question":"Datanya disimpan di mana?"},{"answer":"Untuk alur inti (input orang, item, modifier, ekspor gambar) bisa. Scan struk perlu internet karena OCR-nya jalan di server.","question":"Bisa offline?"},{"answer":"Sekitar 22 mata uang utama (USD, EUR, GBP, JPY, IDR, SGD, MYR, INR, dan lainnya) dengan format angka yang sesuai. Perhitungannya sama untuk semua mata uang — hanya tampilan yang berubah.","question":"Mata uang apa saja yang didukung?"}],"version":"1.0.0","size":"36 KB","offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-30T14:35:45.922944+00:00","updated_at":"2026-05-30T14:35:45.922944+00:00","icon_bg":"auto","tags":[],"tool_stats":{"id":"7acc36b7-dca1-4446-b575-73765e660b38","opens":117,"shares":0,"tool_id":"00c32740-6445-4e50-a195-ad3084f9aa9a","installs":0,"updated_at":"2026-07-19T01:42:57.519809+00:00"}},{"id":"c9856ea8-e7cc-46b7-bf66-0502ff687851","slug":"lrt-jabodebek","name":"LRT Jabodebek Schedule","name_id":"Jadwal LRT Jabodebek","icon":"🚆","category":"transport","meta_description":"LRT Jabodebek schedule for 18 stations across Cibubur & Bekasi lines. Live countdown, weekday/weekend auto-switch, works offline.","meta_description_id":"Jadwal LRT Jabodebek 18 stasiun di lintas Cibubur & Bekasi. Countdown langsung, otomatis weekday/weekend, bisa offline.","long_description":"Check the LRT Jabodebek schedule for all 18 stations from Dukuh Atas BNI through the trunk section to Cawang, then branching to Jati Mulya (Bekasi line) or Harjamukti (Cibubur line). See a live countdown to the next departure from your station, with automatic weekday/weekend schedule switching. The station picker groups stations by line with color-coded indicators (teal for trunk, blue for Bekasi, red for Cibubur). Save two favorites for instant access. Data is scraped daily from lrtjabodebek.kai.id and cached for offline use.","long_description_id":"Cek jadwal LRT Jabodebek untuk 18 stasiun dari Dukuh Atas BNI melalui trunk ke Cawang, lalu bercabang ke Jati Mulya (lintas Bekasi) atau Harjamukti (lintas Cibubur). Lihat countdown ke keberangkatan berikutnya dari stasiunmu, dengan pergantian jadwal weekday/weekend otomatis. Pemilih stasiun mengelompokkan stasiun per lintas dengan indikator warna (teal untuk trunk, biru untuk Bekasi, merah untuk Cibubur). Simpan dua favorit untuk akses instan. Data di-scrape harian dari lrtjabodebek.kai.id dan di-cache untuk pemakaian offline.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"Scraped daily from the official LRT Jabodebek site (lrtjabodebek.kai.id). Cached locally and refreshed when a newer version is available.","question":"Where does the schedule data come from?"},{"answer":"The official site publishes departures per station as a single list without splitting by direction. This tool follows the same format — your selected station shows all departures from that platform regardless of direction.","question":"Why is there no direction selector?"},{"answer":"Stations are grouped by line: Trunk (Dukuh Atas to Cawang, shared by both lines), Bekasi line (Halim to Jati Mulya), and Cibubur line (TMII to Harjamukti). Color indicators help you identify which line a station belongs to.","question":"How are the two lines organized?"},{"answer":"Yes. The tool automatically detects Saturday/Sunday and switches to the weekend timetable, which typically has fewer departures.","question":"Is the schedule different on weekends?"},{"answer":"Yes. After the first load, the full schedule is stored locally and works without internet.","question":"Does it work offline?"}],"faq_id":[{"answer":"Di-scrape harian dari situs resmi LRT Jabodebek (lrtjabodebek.kai.id). Di-cache lokal dan diperbarui saat versi lebih baru tersedia.","question":"Data jadwalnya dari mana?"},{"answer":"Situs resmi menerbitkan keberangkatan per stasiun dalam satu daftar tanpa memisah arah. Tool ini mengikuti format yang sama — stasiun yang dipilih menampilkan semua keberangkatan dari peron tersebut tanpa memandang arah.","question":"Kenapa tidak ada pilihan arah?"},{"answer":"Stasiun dikelompokkan per lintas: Trunk (Dukuh Atas ke Cawang, dilalui kedua lintas), lintas Bekasi (Halim ke Jati Mulya), dan lintas Cibubur (TMII ke Harjamukti). Indikator warna membantu mengidentifikasi lintas masing-masing stasiun.","question":"Bagaimana dua lintas diorganisir?"},{"answer":"Ya. Tool otomatis mendeteksi Sabtu/Minggu dan beralih ke jadwal weekend yang biasanya lebih sedikit keberangkatannya.","question":"Jadwalnya beda di weekend?"},{"answer":"Ya. Setelah muat pertama, seluruh jadwal tersimpan lokal dan berfungsi tanpa internet.","question":"Bisa dipakai offline?"}],"version":"1.0.0","size":"24 KB","offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-30T04:08:05.493365+00:00","updated_at":"2026-06-16T16:37:38.9702+00:00","icon_bg":"auto","tags":["transport","schedule","jakarta","rail","jabodetabek"],"tool_stats":{"id":"623e2cea-908e-4e93-bd69-95196e6dcfec","opens":329,"shares":1,"tool_id":"c9856ea8-e7cc-46b7-bf66-0502ff687851","installs":0,"updated_at":"2026-07-20T13:51:44.207136+00:00"}},{"id":"c76902a6-1e0b-4e61-bd51-c0259d6d0560","slug":"lrt-jakarta","name":"LRT Jakarta Schedule","name_id":"Jadwal LRT Jakarta","icon":"🚊","category":"transport","meta_description":"LRT Jakarta schedule, Velodrome to Pegangsaan Dua. Live countdown, pick direction, save favorites. Updated daily, works offline.","meta_description_id":"Jadwal LRT Jakarta, Velodrome sampai Pegangsaan Dua. Countdown langsung, pilih arah, simpan favorit. Diperbarui harian, bisa offline.","long_description":"Check the LRT Jakarta (Kelapa Gading line) schedule for all 6 stations from Velodrome to Pegangsaan Dua. Choose your station and direction, then see a live countdown to the next departure — updated every second. Trains run every 10 minutes throughout the day. Save two favorite station+direction combos for instant access. Schedule data is scraped daily from lrtjakarta.co.id and cached locally for full offline use.","long_description_id":"Cek jadwal LRT Jakarta (jalur Kelapa Gading) untuk 6 stasiun dari Velodrome sampai Pegangsaan Dua. Pilih stasiun dan arah, lalu lihat countdown ke keberangkatan berikutnya — diperbarui tiap detik. Kereta beroperasi setiap 10 menit sepanjang hari. Simpan dua kombinasi stasiun+arah favorit untuk akses instan. Data jadwal di-scrape harian dari lrtjakarta.co.id dan di-cache lokal untuk pemakaian offline penuh.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"Scraped daily from the official LRT Jakarta site (lrtjakarta.co.id). The schedule is cached in your browser and refreshes automatically when a newer version is available.","question":"Where does the schedule data come from?"},{"answer":"All 6 stations on the Kelapa Gading line: Velodrome, Equestrian, Pulomas, Boulevard Selatan, Boulevard Utara, and Pegangsaan Dua.","question":"How many stations are covered?"},{"answer":"The official LRT Jakarta site publishes a single timetable without weekday/weekend distinction. The same schedule is shown every day.","question":"Is the schedule different on weekends?"},{"answer":"Terminal stations (Velodrome and Pegangsaan Dua) only serve one direction. The tool automatically disables the unavailable direction and switches for you.","question":"Why is one direction button disabled?"},{"answer":"Yes. After the first load, the full schedule is stored locally and works without internet.","question":"Does it work offline?"}],"faq_id":[{"answer":"Di-scrape harian dari situs resmi LRT Jakarta (lrtjakarta.co.id). Jadwal di-cache di browser dan diperbarui otomatis saat versi lebih baru tersedia.","question":"Data jadwalnya dari mana?"},{"answer":"Semua 6 stasiun di jalur Kelapa Gading: Velodrome, Equestrian, Pulomas, Boulevard Selatan, Boulevard Utara, dan Pegangsaan Dua.","question":"Berapa stasiun yang tersedia?"},{"answer":"Situs resmi LRT Jakarta menerbitkan satu jadwal tanpa pembedaan weekday/weekend. Jadwal yang sama ditampilkan setiap hari.","question":"Jadwalnya beda di weekend?"},{"answer":"Stasiun ujung (Velodrome dan Pegangsaan Dua) hanya melayani satu arah. Tool otomatis menonaktifkan arah yang tidak tersedia dan beralih untuk kamu.","question":"Kenapa tombol arah kadang nonaktif?"},{"answer":"Ya. Setelah muat pertama, seluruh jadwal tersimpan lokal dan berfungsi tanpa internet.","question":"Bisa dipakai offline?"}],"version":"1.0.0","size":"20 KB","offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-30T04:08:05.493365+00:00","updated_at":"2026-06-16T16:37:38.9702+00:00","icon_bg":"auto","tags":["transport","schedule","jakarta","rail"],"tool_stats":{"id":"b65ef898-43df-4e52-81af-e50bd3003600","opens":100,"shares":0,"tool_id":"c76902a6-1e0b-4e61-bd51-c0259d6d0560","installs":0,"updated_at":"2026-07-19T09:18:19.438922+00:00"}},{"id":"d52be807-e28a-4d48-8d5e-ebb46c7bf228","slug":"bmi-calorie","name":"BMI & Calorie Calculator","name_id":"Kalkulator BMI & Kalori","icon":"⚖️","category":"health","meta_description":"Calculate your BMI, ideal weight, and daily calorie needs. Works offline and private.","meta_description_id":"Hitung BMI, berat ideal, dan kebutuhan kalori harian Anda. Berfungsi offline dan privat.","long_description":"Find your Body Mass Index and see where you land on the healthy-weight scale, with an Asia-Pacific standard option recommended for Indonesian users. Then get your daily calorie needs (BMR and TDEE) using the Mifflin-St Jeor equation, adjusted for your activity level and weight goal, plus suggested protein, carb, and fat macros. Everything is calculated on your device.","long_description_id":"Temukan Indeks Massa Tubuh (BMI) Anda dan lihat posisinya pada skala berat sehat, dengan opsi standar Asia-Pasifik yang disarankan untuk pengguna Indonesia. Lalu dapatkan kebutuhan kalori harian (BMR dan TDEE) menggunakan rumus Mifflin-St Jeor, disesuaikan dengan tingkat aktivitas dan target berat badan Anda, lengkap dengan saran makronutrien. Semua dihitung di perangkat Anda.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-29T15:47:11.356692+00:00","updated_at":"2026-05-30T16:35:36.803796+00:00","icon_bg":"auto","tags":["health","calculator","fitness"],"tool_stats":{"id":"518e91b6-15f2-452c-8b01-ec95e6bbaee5","opens":93,"shares":0,"tool_id":"d52be807-e28a-4d48-8d5e-ebb46c7bf228","installs":0,"updated_at":"2026-07-14T06:43:46.549419+00:00"}},{"id":"adc12650-3f2f-4ba4-bc43-9432c119f156","slug":"qr-generator","name":"QR Generator","name_id":"Generator QR","icon":"📷","category":"utilities","meta_description":"Generate custom QR codes for URLs, contacts, texts, and emails. Offline and private.","meta_description_id":"Buat kode QR kustom untuk URL, kontak, teks, dan email. Berfungsi offline dan privat.","long_description":"Create custom QR codes instantly for URLs, multi-links, contact vCards, plain texts, app links, SMS, email configurations, or phone numbers. Customize the foreground and background colors. Download in PNG or vector SVG. Works fully offline.","long_description_id":"Buat kode QR kustom secara instan untuk URL, multi-link, kontak vCard, teks polos, link aplikasi, SMS, email, atau nomor telepon. Sesuaikan warna foreground dan background. Unduh dalam format PNG berkualitas tinggi atau SVG vektor. Berfungsi sepenuhnya offline.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-29T11:50:53.626338+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"auto","tags":["qr","generator","utility"],"tool_stats":{"id":"2ebb2a1d-57dc-42da-bc68-b17a77166c9c","opens":144,"shares":0,"tool_id":"adc12650-3f2f-4ba4-bc43-9432c119f156","installs":0,"updated_at":"2026-07-02T09:20:19.89837+00:00"}},{"id":"c586e773-f165-47a2-9494-d403b14920fb","slug":"mrt-jakarta","name":"MRT Jakarta Schedule","name_id":"Jadwal MRT Jakarta","icon":"https://sryjyaijcrvzdkcfbbsh.supabase.co/storage/v1/object/public/tool-icons/mrt-jakarta.png","category":"transport","meta_description":"MRT Jakarta schedule for all 13 stations, Lebak Bulus to Bundaran HI. Live countdown, weekday & weekend timetables, updated daily.","meta_description_id":"Jadwal MRT Jakarta 13 stasiun, Lebak Bulus sampai Bundaran HI. Countdown langsung, jadwal weekday & weekend, diperbarui harian.","long_description":"See the next MRT Jakarta train in seconds. Pick your station and direction (Bundaran HI or Lebak Bulus), and a live countdown shows exactly when the next train departs — down to the second. The schedule automatically switches between weekday and weekend timetables. Save two favorite station+direction combos for one-tap access from the bottom bar. Data is scraped daily from jakartamrt.co.id and cached in your browser so it works fully offline after the first load.","long_description_id":"Lihat kereta MRT Jakarta berikutnya dalam hitungan detik. Pilih stasiun dan arah (Bundaran HI atau Lebak Bulus), dan countdown langsung menunjukkan kapan kereta berikutnya berangkat — sampai ke detik. Jadwal otomatis berganti antara weekday dan weekend. Simpan dua kombinasi stasiun+arah favorit untuk akses satu ketuk dari bar bawah. Data di-scrape harian dari jakartamrt.co.id dan di-cache di browser sehingga berfungsi offline setelah muat pertama.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"Scraped daily from the official MRT Jakarta site (jakartamrt.co.id). The tool checks for updates once a day and caches the result locally.","question":"Where does the schedule data come from?"},{"answer":"All 13 stations on the North-South Line: Lebak Bulus, Fatmawati, Cipete Raya, Haji Nawi, Blok A, Blok M, ASEAN, Senayan, Istora, Bendungan Hilir, Setiabudi, Dukuh Atas, and Bundaran HI.","question":"How many stations are covered?"},{"answer":"Yes. The tool automatically detects Saturday/Sunday and shows the weekend timetable, which has longer headways (10 min vs 5 min during peak).","question":"Is the schedule different on weekends?"},{"answer":"Yes. Long-press either favorite slot at the bottom to save your current station and direction. Tap it later to instantly switch back.","question":"Can I save my daily commute?"},{"answer":"Fully. After the first load, the schedule is stored in your browser and works without internet until the next daily update.","question":"Does it work offline?"}],"faq_id":[{"answer":"Di-scrape harian dari situs resmi MRT Jakarta (jakartamrt.co.id). Tool mengecek update sekali sehari dan menyimpan hasilnya secara lokal.","question":"Data jadwalnya dari mana?"},{"answer":"Semua 13 stasiun di jalur Utara-Selatan: Lebak Bulus, Fatmawati, Cipete Raya, Haji Nawi, Blok A, Blok M, ASEAN, Senayan, Istora, Bendungan Hilir, Setiabudi, Dukuh Atas, dan Bundaran HI.","question":"Berapa stasiun yang tersedia?"},{"answer":"Ya. Tool otomatis mendeteksi Sabtu/Minggu dan menampilkan jadwal weekend yang headway-nya lebih panjang (10 menit vs 5 menit saat peak hour).","question":"Jadwalnya beda di weekend?"},{"answer":"Bisa. Long-press salah satu slot favorit di bawah untuk menyimpan stasiun dan arah saat ini. Tap nanti untuk langsung kembali.","question":"Bisa simpan rute harian?"},{"answer":"Sepenuhnya. Setelah muat pertama, jadwal tersimpan di browser dan berfungsi tanpa internet sampai update harian berikutnya.","question":"Bisa dipakai offline?"}],"version":"1.0.0","size":"8 KB","offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-25T06:14:01.152439+00:00","updated_at":"2026-06-16T16:37:38.9702+00:00","icon_bg":"auto","tags":["transport","schedule","jakarta","rail"],"tool_stats":{"id":"474f0d71-90ee-4599-ae3c-2ab10f3df7a0","opens":792,"shares":0,"tool_id":"c586e773-f165-47a2-9494-d403b14920fb","installs":0,"updated_at":"2026-07-17T03:10:47.251877+00:00"}},{"id":"1d7b951d-53d9-4965-8dfb-261f6b5d5982","slug":"krl-jadwal","name":"KRL Schedule","name_id":"Jadwal KRL","icon":"https://sryjyaijcrvzdkcfbbsh.supabase.co/storage/v1/object/public/tool-icons/krl-jadwal.png","category":"transport","meta_description":"KRL Commuter Line schedule for Jabodetabek, Merak, Yogyakarta, plus Walahar (Purwakarta–Cikarang). Live countdown, 123 stations, refreshed every hour.","meta_description_id":"Jadwal KRL Commuter Line Jabodetabek, Merak, Yogyakarta, plus Walahar (Purwakarta–Cikarang). Countdown langsung, 123 stasiun, diperbarui tiap jam.","long_description":"Check Commuter Line schedules across 123 stations — Jabodetabek (Bogor, Depok, Tangerang, Bekasi, Rangkasbitung, Tanjung Priok), Yogyakarta–Solo, Merak, plus the Walahar Line between Purwakarta and Cikarang. Select your station, pick a time window, and see upcoming departures with a live second-by-second countdown. Save frequently used stations as favorites for one-tap access. Jabodetabek schedules refresh every hour from the official KCI system; Walahar uses the fixed GAPEKA 2025 schedule. Everything is cached locally so recent data is still visible when offline.","long_description_id":"Cek jadwal Commuter Line di 123 stasiun — Jabodetabek (Bogor, Depok, Tangerang, Bekasi, Rangkasbitung, Tanjung Priok), Yogyakarta–Solo, Merak, plus Walahar Line antara Purwakarta dan Cikarang. Pilih stasiun, atur jendela waktu, lihat keberangkatan berikutnya dengan countdown per detik. Simpan stasiun langganan sebagai favorit. Jadwal Jabodetabek di-refresh tiap jam dari sistem resmi KCI; Walahar pakai GAPEKA 2025 yang tetap setahun. Semua di-cache lokal supaya tetap bisa dilihat saat offline.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"Jabodetabek/Yogyakarta/Merak schedules come from the KCI (Kereta Commuter Indonesia) system, refreshed every hour. The Walahar Line (Purwakarta–Cikarang) uses GAPEKA 2025 fixed schedule, sourced from 168railway.com.","question":"Where does the schedule data come from?"},{"answer":"123 stations — 114 across the KCI network (Jabodetabek, Yogyakarta–Solo, Merak) plus 9 added for the Walahar Line (Purwakarta, Cibungur, Cikampek, Dawuan, Kosambi, Klari, Karawang, Kedunggedeh, Lemahabang).","question":"How many stations are covered?"},{"answer":"The last-fetched schedule is cached in your browser. If you lose connection, you still see the most recent data until the next refresh.","question":"Does it work offline?"},{"answer":"Yes. Tap the star icon on any station to save it as a favorite. Your favorites appear at the top for quick access.","question":"Can I save my daily station?"},{"answer":"This tool shows Commuter Line schedules only (not intercity trains). The data sources are the same as official systems, presented in a faster, lighter interface that works in any browser.","question":"Is this the same as the KAI Access app?"}],"faq_id":[{"answer":"Jadwal Jabodetabek/Yogyakarta/Merak dari sistem KCI (Kereta Commuter Indonesia), refresh tiap jam. Line Walahar (Purwakarta–Cikarang) pakai GAPEKA 2025 yang fixed setahun, sumbernya 168railway.com.","question":"Data jadwalnya dari mana?"},{"answer":"123 stasiun — 114 dari jaringan KCI (Jabodetabek, Yogyakarta–Solo, Merak) plus 9 stasiun Line Walahar (Purwakarta, Cibungur, Cikampek, Dawuan, Kosambi, Klari, Karawang, Kedunggedeh, Lemahabang).","question":"Berapa stasiun yang tersedia?"},{"answer":"Jadwal terakhir di-cache di browser. Kalau koneksi putus, kamu tetap lihat data terbaru sampai refresh berikutnya.","question":"Bisa dipakai offline?"},{"answer":"Bisa. Tap ikon bintang di stasiun mana pun untuk menyimpan sebagai favorit. Favorit muncul di atas untuk akses cepat.","question":"Bisa simpan stasiun langganan?"},{"answer":"Tool ini khusus jadwal Commuter Line (bukan kereta antarkota). Sumber datanya sama dengan sistem resmi, ditampilkan dalam antarmuka yang lebih cepat dan ringan di browser.","question":"Ini sama dengan aplikasi KAI Access?"}],"version":"1.1.0","size":"15 KB","offline":false,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-25T06:14:01.152439+00:00","updated_at":"2026-06-16T16:37:38.9702+00:00","icon_bg":"auto","tags":["transport","schedule","jakarta","rail","jabodetabek"],"tool_stats":{"id":"154ea7a0-d78a-4220-a5d4-1714900fb178","opens":2007,"shares":9,"tool_id":"1d7b951d-53d9-4965-8dfb-261f6b5d5982","installs":0,"updated_at":"2026-07-21T09:49:56.571435+00:00"}},{"id":"cbb2a70c-f8ad-40cc-8a0f-ec2615860109","slug":"member-wallet","name":"Member Wallet","name_id":"Dompet Member","icon":"https://sryjyaijcrvzdkcfbbsh.supabase.co/storage/v1/object/public/tool-icons/member-wallet.png","category":"utilities","meta_description":"Store all your loyalty and member cards digitally. Show barcode to cashier instantly.","meta_description_id":"Simpan semua kartu member dan loyalty secara digital. Tunjukkan barcode ke kasir langsung.","long_description":"Keep all your loyalty cards, member cards, and reward cards in one place. Add store name, member number, category, and color. Tap any card to show a fullscreen barcode (Code128) or QR code — ready for the cashier to scan. Supports import/export for backup, dark/light mode, and works fully offline.","long_description_id":"Simpan semua kartu loyalty, kartu member, dan kartu reward di satu tempat. Tambahkan nama toko, nomor member, kategori, dan warna. Tap kartu untuk menampilkan barcode fullscreen (Code128) atau QR code — siap di-scan kasir. Mendukung import/export untuk backup, mode gelap/terang, dan berfungsi sepenuhnya offline.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"Yes! Tap any card to show a fullscreen barcode or QR code. The screen stays on using Wake Lock API so it won't dim while scanning.","question":"Can the cashier scan directly from my screen?"},{"answer":"Code128 barcode (most common for member cards) and QR code. You choose per card when adding it.","question":"What barcode formats are supported?"},{"answer":"All data is stored only in your browser localStorage. Nothing is sent to any server. Use Export to back up your cards as JSON.","question":"Is my data safe?"}],"faq_id":[{"answer":"Bisa! Tap kartu untuk menampilkan barcode atau QR code fullscreen. Layar tetap menyala pakai Wake Lock API supaya tidak redup saat di-scan.","question":"Bisa langsung di-scan kasir dari layar?"},{"answer":"Barcode Code128 (paling umum untuk kartu member) dan QR code. Kamu pilih per kartu saat menambahkan.","question":"Format barcode apa yang didukung?"},{"answer":"Semua data hanya disimpan di localStorage browser kamu. Tidak ada yang dikirim ke server manapun. Pakai Export untuk backup kartu sebagai JSON.","question":"Apakah data saya aman?"}],"version":"1.0.0","size":"19 KB","offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-19T14:32:33.207438+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"lime","tags":["utility","card","organize"],"tool_stats":{"id":"1cb09dd3-da99-4acf-97d1-fde274071430","opens":128,"shares":0,"tool_id":"cbb2a70c-f8ad-40cc-8a0f-ec2615860109","installs":0,"updated_at":"2026-07-19T01:43:10.184244+00:00"}},{"id":"97ad8d14-b24c-4050-83c6-c3857821db29","slug":"qris-tool","name":"QRIS Tool","name_id":"QRIS Tool","icon":"https://sryjyaijcrvzdkcfbbsh.supabase.co/storage/v1/object/public/tool-icons/qris-tool.png","category":"finance","meta_description":"Decode QRIS data and convert static QRIS to dynamic with custom amount.","meta_description_id":"Decode data QRIS dan konversi QRIS statis ke dinamis dengan nominal custom.","long_description":"Decode any QRIS code to extract merchant info (name, city, type, NMID, acquirer, MCC). Convert static QRIS to dynamic by adding a custom amount — generates a new QR code ready to download and share. Keeps history of last 20 operations locally.","long_description_id":"Decode kode QRIS apa saja untuk mengekstrak info merchant (nama, kota, tipe, NMID, acquirer, MCC). Konversi QRIS statis ke dinamis dengan menambahkan nominal custom — generate QR code baru siap download dan share. Menyimpan riwayat 20 operasi terakhir secara lokal.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"QRIS (Quick Response Code Indonesian Standard) is a unified QR payment standard by Bank Indonesia. One QR code works across all e-wallets and banks.","question":"What is QRIS?"},{"answer":"Static QRIS has no amount — the customer enters it manually. Dynamic QRIS has a fixed amount embedded, so the customer just scans and pays.","question":"What is static vs dynamic QRIS?"},{"answer":"History is stored only in your browser localStorage. The decode/convert API processes your data but does not store it.","question":"Is my QRIS data stored anywhere?"}],"faq_id":[{"answer":"QRIS (Quick Response Code Indonesian Standard) adalah standar pembayaran QR terpadu dari Bank Indonesia. Satu QR code bisa dipakai di semua e-wallet dan bank.","question":"Apa itu QRIS?"},{"answer":"QRIS statis tidak ada nominalnya — customer input manual. QRIS dinamis sudah ada nominal tetap, jadi customer tinggal scan dan bayar.","question":"Apa bedanya QRIS statis dan dinamis?"},{"answer":"Riwayat hanya disimpan di localStorage browser kamu. API decode/convert memproses data tapi tidak menyimpannya.","question":"Apakah data QRIS saya disimpan?"}],"version":"1.0.0","size":"18 KB","offline":false,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-19T14:32:33.207438+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"forest","tags":["qr","payment","indonesia"],"tool_stats":{"id":"35c19c5b-e6a5-4964-a235-45d9be7f8f0f","opens":174,"shares":0,"tool_id":"97ad8d14-b24c-4050-83c6-c3857821db29","installs":0,"updated_at":"2026-07-19T05:27:47.489467+00:00"}},{"id":"7ee7a959-af47-4445-8ac1-d1f505afdb86","slug":"quran-reader","name":"Quran","name_id":"Quran","icon":"https://sryjyaijcrvzdkcfbbsh.supabase.co/storage/v1/object/public/tool-icons/quran-reader.png","category":"faith","meta_description":"Read the Quran with Arabic text, Indonesian and English translations. Bookmark ayahs, clean reading mode.","meta_description_id":"Baca Al-Quran dengan teks Arab, terjemahan Indonesia dan Inggris. Bookmark ayat, mode baca bersih.","long_description":"","long_description_id":"","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-18T06:24:36.050877+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"auto","tags":["islam","reading"],"tool_stats":{"id":"66334b2d-0654-4862-9bc5-5713dc0f9ffb","opens":112,"shares":0,"tool_id":"7ee7a959-af47-4445-8ac1-d1f505afdb86","installs":0,"updated_at":"2026-07-17T11:59:45.750281+00:00"}},{"id":"3068ec05-dcfb-4aa6-83ab-705d42598a53","slug":"invoice-generator","name":"Invoice Generator","name_id":"Generator Invoice","icon":"🧾","category":"finance","meta_description":"Create invoices, quotations, and receipts in any currency. Print to PDF.","meta_description_id":"Bikin invoice, quotation, dan kwitansi dalam mata uang apa pun. Print ke PDF.","long_description":"Switch between Invoice, Quotation, and Receipt modes in one tool. 40+ currencies with proper formatting, automatic totals, tax and discount (% or flat), live A4 preview, optional logo. Auto-saves to your browser. Print or save as PDF straight from the page.","long_description_id":"Switch antara mode Invoice, Quotation, dan Kwitansi di satu tool. 40+ mata uang dengan format yang benar, total otomatis, pajak dan diskon (% atau nominal), preview A4 langsung, logo opsional. Autosave ke browser. Print atau simpan PDF langsung dari halaman.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"Only in your browser localStorage. Each mode (Invoice / Quotation / Receipt) keeps its own draft.","question":"Where is my data stored?"},{"answer":"Yes — pick from 40+ currencies in the dropdown. Numbers format automatically per currency convention.","question":"Can I use my own currency?"},{"answer":"Tap \"Print / PDF\" and choose \"Save as PDF\" in the print dialog. The form is hidden so only the document prints.","question":"How do I save as PDF?"},{"answer":"Invoice asks for payment due. Quotation is an estimate valid for a period. Receipt confirms payment received. Same form, different labels and totals.","question":"Difference between Invoice, Quotation, Receipt?"}],"faq_id":[{"answer":"Cuma di localStorage browser-mu. Setiap mode (Invoice / Quotation / Kwitansi) punya draft sendiri.","question":"Datanya disimpan di mana?"},{"answer":"Bisa — pilih dari 40+ mata uang di dropdown. Angka diformat otomatis sesuai konvensi mata uangnya.","question":"Bisa pakai mata uang sendiri?"},{"answer":"Tap \"Print / PDF\" lalu pilih \"Save as PDF\" di dialog. Form-nya disembunyikan jadi yang ke-print cuma dokumennya.","question":"Cara save PDF?"},{"answer":"Invoice meminta pembayaran. Quotation adalah perkiraan biaya untuk periode tertentu. Kwitansi mengkonfirmasi pembayaran yang sudah diterima. Form sama, label dan total beda.","question":"Bedanya Invoice, Quotation, Kwitansi?"}],"version":"1.0.0","size":"24 KB","offline":true,"private":true,"sync":false,"layout":"wide","published":true,"created_at":"2026-05-16T18:46:12.190653+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"auto","tags":["business","finance","document"],"tool_stats":{"id":"98a03536-6c40-48d4-ad58-649a423a6ef9","opens":96,"shares":1,"tool_id":"3068ec05-dcfb-4aa6-83ab-705d42598a53","installs":0,"updated_at":"2026-07-19T05:27:53.584259+00:00"}},{"id":"6e473a7e-c6ac-4408-8d73-99df64cfd793","slug":"qibla-finder","name":"Qibla Finder","name_id":"Arah Kiblat","icon":"https://sryjyaijcrvzdkcfbbsh.supabase.co/storage/v1/object/public/tool-icons/qibla-finder.png","category":"faith","meta_description":"Find the direction of the Kaaba from anywhere in the world. Works offline.","meta_description_id":"Cari arah Ka'bah dari mana pun di dunia. Berfungsi offline.","long_description":"Accurate qibla compass that points toward the Kaaba in Mecca. Uses your device's GPS and compass sensors to give a live pointer, with distance and bearing from North. Works fully offline after first load.","long_description_id":"Kompas kiblat akurat yang mengarah ke Ka'bah di Mekah. Pakai GPS dan sensor kompas perangkatmu untuk penunjuk langsung, dengan jarak dan arah dari Utara. Berfungsi penuh offline setelah pertama kali dibuka.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"It calculates the great-circle bearing from your GPS coordinates to the Kaaba (21.4225°N, 39.8262°E) and uses your phone's compass to show a live pointer.","question":"How does it find the Kaaba?"},{"answer":"iOS requires explicit permission for orientation sensors. Tap \"Enable compass\" once and it works for the session.","question":"Why does it ask permission for the compass?"},{"answer":"The bearing math is precise. The live pointer accuracy depends on your phone's compass — calibrate it by moving in a figure-8 if it drifts.","question":"How accurate is it?"},{"answer":"Yes, after the first load. Everything runs in your browser.","question":"Does it work offline?"}],"faq_id":[{"answer":"Menghitung arah great-circle dari koordinat GPS-mu ke Kaaba (21.4225°LU, 39.8262°BT) dan pakai kompas ponselmu untuk penunjuk langsung.","question":"Cara kerjanya gimana?"},{"answer":"iOS butuh izin eksplisit untuk sensor orientasi. Tap \"Aktifkan kompas\" sekali, dan dia jalan untuk sesi tersebut.","question":"Kenapa minta izin kompas?"},{"answer":"Perhitungan arah-nya presisi. Akurasi penunjuk langsung tergantung kompas ponselmu — kalibrasi dengan gerakan angka 8 kalau drift.","question":"Seberapa akurat?"},{"answer":"Bisa, setelah pertama kali dibuka. Semua berjalan di browser-mu.","question":"Bisa offline?"}],"version":"1.0.0","size":"8 KB","offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-16T18:46:12.190653+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"auto","tags":["islam","salat"],"tool_stats":{"id":"dbca3879-0f25-4b7f-aaaf-4e65122e4d33","opens":157,"shares":0,"tool_id":"6e473a7e-c6ac-4408-8d73-99df64cfd793","installs":0,"updated_at":"2026-07-16T03:46:50.817178+00:00"}},{"id":"bb061a01-486c-4d9b-ada5-84340be024c6","slug":"cv-ats-generator","name":"CV ATS Generator","name_id":"Generator CV ATS","icon":"https://sryjyaijcrvzdkcfbbsh.supabase.co/storage/v1/object/public/tool-icons/cv-ats-generator.png","category":"career","meta_description":"Build an ATS-friendly resume that gets past automated filters. Print to PDF.","meta_description_id":"Bikin CV ramah ATS yang lolos filter otomatis. Print ke PDF.","long_description":"Single-column resume builder optimized for Applicant Tracking Systems. Live preview, contact / experience / education / skills / projects / certifications, optional photo with ATS warning, autosaves to your browser. Print or save as PDF straight from the page.","long_description_id":"Resume builder satu kolom yang dioptimalkan untuk Applicant Tracking System. Preview langsung, kontak / pengalaman / pendidikan / skill / proyek / sertifikasi, foto opsional dengan peringatan ATS, autosave ke browser. Print atau simpan PDF langsung dari halaman.","seo_title":null,"seo_title_id":null,"faq":[{"answer":"Applicant Tracking System — software that employers use to filter resumes by keywords. Plain single-column layouts pass best.","question":"What is ATS?"},{"answer":"In most ATS-driven markets (US, UK, Australia, Canada) — no. The toggle is off by default for that reason. Some regions still expect photos.","question":"Should I add a photo?"},{"answer":"Only in your browser localStorage. Nothing is uploaded.","question":"Where is my data stored?"},{"answer":"Tap \"Print / PDF\" and choose \"Save as PDF\" in the print dialog.","question":"How do I save as PDF?"}],"faq_id":[{"answer":"Applicant Tracking System — software yang dipakai perusahaan untuk filter CV berdasarkan kata kunci. Layout satu kolom yang sederhana paling lolos.","question":"Apa itu ATS?"},{"answer":"Di pasar ATS (AS, UK, Australia, Kanada) — tidak. Toggle default mati. Sebagian wilayah masih butuh foto.","question":"Perlu pakai foto?"},{"answer":"Cuma di localStorage browser-mu. Tidak ada yang diupload.","question":"Datanya disimpan di mana?"},{"answer":"Tap \"Print / PDF\" lalu pilih \"Save as PDF\" di dialog print.","question":"Cara save PDF?"}],"version":"1.0.0","size":"20 KB","offline":true,"private":true,"sync":false,"layout":"wide","published":true,"created_at":"2026-05-16T18:46:12.190653+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"auto","tags":["career","document","job"],"tool_stats":{"id":"a30748cb-15d1-4642-8da6-e86f03cbf54d","opens":163,"shares":0,"tool_id":"bb061a01-486c-4d9b-ada5-84340be024c6","installs":0,"updated_at":"2026-07-11T13:33:55.309288+00:00"}},{"id":"daaff01f-1dbe-4749-a252-027d27acae22","slug":"prayer-times","name":"Prayer Times","name_id":"Waktu Sholat","icon":"https://sryjyaijcrvzdkcfbbsh.supabase.co/storage/v1/object/public/tool-icons/prayer-times.png","category":"faith","meta_description":"Accurate prayer times based on your location. Works offline.","meta_description_id":"Waktu sholat akurat berdasarkan lokasi. Berfungsi offline.","long_description":"Get accurate Islamic prayer times (Fajr, Dhuhr, Asr, Maghrib, Isha) calculated from your GPS location. Works completely offline after first load.","long_description_id":"Dapatkan waktu sholat Islam yang akurat (Subuh, Dzuhur, Ashar, Maghrib, Isya) dihitung dari lokasi GPS Anda. Berfungsi sepenuhnya offline setelah dimuat pertama kali.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-11T23:41:31.405526+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"auto","tags":["islam","salat","schedule"],"tool_stats":{"id":"1afed14d-7f75-47c5-92f3-954f25a9e13d","opens":291,"shares":1,"tool_id":"daaff01f-1dbe-4749-a252-027d27acae22","installs":0,"updated_at":"2026-07-19T01:45:17.012701+00:00"}},{"id":"d1265488-83dd-4b55-9277-95c7e223169a","slug":"json-formatter","name":"JSON Formatter","name_id":"JSON Formatter","icon":"{}","category":"utilities","meta_description":"Format, validate, and minify JSON data. Works offline.","meta_description_id":"Format, validasi, dan minifikasi data JSON. Berfungsi offline.","long_description":"Pretty print, validate, and minify JSON data instantly in your browser. No data is sent to any server — everything runs locally.","long_description_id":"Pretty print, validasi, dan minifikasi data JSON langsung di browser. Tidak ada data yang dikirim ke server — semua berjalan lokal.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-11T23:41:31.405526+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"auto","tags":["developer","utility","format"],"tool_stats":{"id":"a0734d1f-d165-4e9b-bc48-5b7d4c868d59","opens":59,"shares":0,"tool_id":"d1265488-83dd-4b55-9277-95c7e223169a","installs":0,"updated_at":"2026-06-29T04:33:23.300471+00:00"}},{"id":"2dc83b62-fe66-465c-a46a-0de84967a0b9","slug":"wa-direct","name":"WA Direct","name_id":"WA Direct","icon":"https://sryjyaijcrvzdkcfbbsh.supabase.co/storage/v1/object/public/tool-icons/wa-direct.png","category":"utilities","meta_description":"Send WhatsApp messages without saving the number. Open chat directly.","meta_description_id":"Kirim pesan WhatsApp tanpa menyimpan nomor. Buka chat langsung.","long_description":"Send WhatsApp messages to any number without saving it to your contacts first. Just enter the number and start chatting instantly.","long_description_id":"Kirim pesan WhatsApp ke nomor apa saja tanpa harus menyimpannya ke kontak. Cukup masukkan nomor dan langsung mulai chat.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-11T23:41:31.405526+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"auto","tags":["communication","whatsapp","utility"],"tool_stats":{"id":"0ce35987-ca88-46c7-a891-baa58a504b3b","opens":127,"shares":1,"tool_id":"2dc83b62-fe66-465c-a46a-0de84967a0b9","installs":0,"updated_at":"2026-07-19T01:43:23.89844+00:00"}},{"id":"4bec27f5-526e-486a-99f1-270094e3f692","slug":"unit-converter","name":"Unit Converter","name_id":"Konversi Satuan","icon":"📐","category":"education","meta_description":"Convert between units of length, weight, temperature, and volume.","meta_description_id":"Konversi satuan panjang, berat, suhu, dan volume.","long_description":"Instantly convert between metric and imperial units. Supports length, weight, temperature, and volume conversions.","long_description_id":"Konversi instan antara satuan metrik dan imperial. Mendukung konversi panjang, berat, suhu, dan volume.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-11T23:41:31.405526+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"auto","tags":["calculator","utility","education"],"tool_stats":{"id":"aebffc5e-860d-4a41-b864-e9db667e22b8","opens":27,"shares":0,"tool_id":"4bec27f5-526e-486a-99f1-270094e3f692","installs":0,"updated_at":"2026-06-26T15:36:01.767095+00:00"}},{"id":"ca1f7aa8-dfab-4c9b-bb75-368b9a438299","slug":"pomodoro","name":"Pomodoro Timer","name_id":"Timer Pomodoro","icon":"🍅","category":"career","meta_description":"Simple Pomodoro timer for focused work sessions. 25 min work, 5 min break.","meta_description_id":"Timer Pomodoro sederhana untuk sesi kerja fokus. 25 menit kerja, 5 menit istirahat.","long_description":"Stay productive with the Pomodoro technique. Customizable focus and break durations, session tracking, and browser notifications.","long_description_id":"Tetap produktif dengan teknik Pomodoro. Durasi fokus dan istirahat yang dapat disesuaikan, pelacakan sesi, dan notifikasi browser.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":true,"layout":"narrow","published":true,"created_at":"2026-05-11T23:41:31.405526+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"auto","tags":["productivity","timer","career"],"tool_stats":{"id":"83a8a733-09fe-4d38-b732-dbab830d850c","opens":57,"shares":1,"tool_id":"ca1f7aa8-dfab-4c9b-bb75-368b9a438299","installs":0,"updated_at":"2026-07-13T11:38:01.222355+00:00"}},{"id":"69a65e03-cc2d-44fc-a76c-8d65b5984e98","slug":"age-calculator","name":"Age Calculator","name_id":"Kalkulator Umur","icon":"🎂","category":"utilities","meta_description":"Calculate your exact age in years, months, days, and hours.","meta_description_id":"Hitung umur tepat Anda dalam tahun, bulan, hari, dan jam.","long_description":"Find out your exact age down to the hour. See total months, weeks, days lived, and countdown to your next birthday.","long_description_id":"Cari tahu umur tepat Anda hingga hitungan jam. Lihat total bulan, minggu, hari yang telah dijalani, dan hitung mundur ulang tahun berikutnya.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":false,"layout":"narrow","published":true,"created_at":"2026-05-11T23:41:31.405526+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"auto","tags":["calculator","utility"],"tool_stats":{"id":"7e42c633-599c-4bdc-91a8-ae3c71849048","opens":65,"shares":0,"tool_id":"69a65e03-cc2d-44fc-a76c-8d65b5984e98","installs":0,"updated_at":"2026-07-13T13:53:45.510747+00:00"}},{"id":"d1f6ebf9-6921-4569-9e59-e795262724f4","slug":"salary-calculator","name":"Salary Calculator","name_id":"Kalkulator Gaji","icon":"💰","category":"finance","meta_description":"Calculate take-home pay with tax deductions for Indonesia.","meta_description_id":"Hitung gaji bersih dengan potongan pajak untuk Indonesia.","long_description":"Calculate your net salary after PPh 21 tax deductions, BPJS contributions, and other deductions. Supports Indonesian tax brackets.","long_description_id":"Hitung gaji bersih Anda setelah potongan pajak PPh 21, iuran BPJS, dan potongan lainnya. Mendukung tarif pajak Indonesia.","seo_title":null,"seo_title_id":null,"faq":[],"faq_id":[],"version":"1.0.0","size":null,"offline":true,"private":true,"sync":true,"layout":"narrow","published":true,"created_at":"2026-05-11T23:41:31.405526+00:00","updated_at":"2026-05-30T05:38:50.813374+00:00","icon_bg":"auto","tags":["finance","calculator","career"],"tool_stats":{"id":"999160af-28f6-4aed-82d5-07ab42405e21","opens":118,"shares":0,"tool_id":"d1f6ebf9-6921-4569-9e59-e795262724f4","installs":0,"updated_at":"2026-07-14T06:42:10.826715+00:00"}},{"id":"1ed3b3b2-7bb3-42e1-881b-a5d4a13f71c4","slug":"random-number-generator","name":"Random Number Generator","name_id":"Angka Acak","icon":"🎲","category":"utilities","meta_description":"Generate random numbers between a minimum and maximum value. Works offline.","meta_description_id":"Hasilkan angka acak antara nilai minimum dan maksimum. Berfungsi offline.","long_description":"A simple and fast random number generator. Set your minimum and maximum values, and get a random number instantly. It keeps a history of your recent generated numbers so you don't lose track. Everything happens locally in your browser, fully offline.","long_description_id":"Generator angka acak yang simpel dan cepat. Atur nilai minimum dan maksimum, dan dapatkan angka acak seketika. Tersedia riwayat angka yang baru saja diacak supaya kamu tidak lupa. Semua proses berjalan lokal di browser, sepenuhnya offline.","size":"8 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How random are the numbers?","answer":"It uses the standard Math.random() function built into your browser. It is sufficient for casual use like games, raffles, or decision making, but not recommended for cryptographic or high-security purposes."},{"question":"Are negative numbers allowed?","answer":"Yes. You can set the minimum and maximum to negative numbers."},{"question":"Where is the history saved?","answer":"The history is saved only on your device using localStorage. It never leaves your browser."}],"faq_id":[{"question":"Seberapa acak angkanya?","answer":"Menggunakan fungsi Math.random() standar bawaan browser. Cukup untuk penggunaan biasa seperti game, undian, atau mengambil keputusan, tapi tidak disarankan untuk keperluan kriptografi atau keamanan tinggi."},{"question":"Bisa pakai angka negatif?","answer":"Bisa. Kamu bisa atur batas minimum dan maksimum ke angka negatif."},{"question":"Riwayat disimpan di mana?","answer":"Riwayat hanya disimpan di perangkatmu menggunakan localStorage. Datanya tidak pernah keluar dari browser."}]},{"id":"31","slug":"currency-converter","name":"Currency Converter","name_id":"Konverter Mata Uang","icon":"💱","category":"finance","meta_description":"Convert between 160+ currencies with live rates. Highlight cards for IDR to USD, SGD, MYR, EUR, JPY, AED, SAR, CNY. Works offline with cached rates.","meta_description_id":"Konversi 160+ mata uang dengan rate live. Kartu highlight IDR ke USD, SGD, MYR, EUR, JPY, AED, SAR, CNY. Bisa offline dengan rate tersimpan.","long_description":"Real-time currency conversion for 160+ currencies using Frankfurter API (ECB rates). Top section features quick-convert cards showing IDR to major currencies (USD, SGD, MYR, EUR, JPY, AED, SAR, CNY) — tap any card to swap or copy. Full converter below with searchable currency picker, swap button, and inverse rate display. Rates auto-refresh every hour when online; cached rates work fully offline. No signup, no tracking, privacy-first.","long_description_id":"Konversi mata uang real-time untuk 160+ mata uang menggunakan Frankfurter API (rate ECB). Bagian atas menampilkan kartu konversi cepat IDR ke mata uang utama (USD, SGD, MYR, EUR, JPY, AED, SAR, CNY) — tap kartu untuk swap atau copy. Konverter lengkap di bawah dengan pencarian mata uang, tombol swap, dan tampilan rate terbalik. Rate otomatis refresh tiap jam saat online; rate cache berfungsi penuh offline. Tanpa daftar, tanpa tracking, privasi utama.","size":"18 KB","version":"1.0.0","updated_at":"2026-06-13T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Where do the exchange rates come from?","answer":"Rates are sourced from the European Central Bank (ECB) via the free Frankfurter API. The ECB publishes daily reference rates for 31+ currencies; Frankfurter extends this to 160+ currencies with cross-rate calculations. Rates are updated every business day around 16:00 CET."},{"question":"How often do rates update?","answer":"The tool fetches fresh rates every hour when you have internet. If offline, it uses the last successfully cached rates (stored in localStorage with timestamp)."},{"question":"Can I use it offline?","answer":"Yes. After the first load, the latest rates are saved to your browser. You can convert currencies fully offline — the badge will show \"Cached\" with the date/time of the last update."},{"question":"What are the highlight cards at the top?","answer":"Quick-reference cards showing 1 IDR = X for the most popular destinations from Indonesia: USD (US), SGD (Singapore), MYR (Malaysia), EUR (Europe), JPY (Japan), AED (UAE), SAR (Saudi Arabia), CNY (China). Tap to copy or swap into the main converter."},{"question":"Are fees included?","answer":"No. These are mid-market (interbank) reference rates. Your bank, money changer, or app (Wise, Revolut, etc.) will apply their own spread/fee. Always check the actual rate before transacting."}],"faq_id":[{"question":"Rate tukarnya dari mana?","answer":"Rate bersumber dari European Central Bank (ECB) lewat Frankfurter API gratis. ECB menerbitkan rate referensi harian untuk 31+ mata uang; Frankfurter memperluas ke 160+ dengan kalkulasi cross-rate. Rate diupdate setiap hari kerja ~16:00 CET."},{"question":"Seberapa sering rate update?","answer":"Tool ambil rate baru tiap jam saat ada internet. Kalau offline, pakai rate cache terakhir (disimpan di localStorage dengan timestamp)."},{"question":"Bisa dipakai offline?","answer":"Bisa. Setelah muat pertama, rate terbaru tersimpan di browser. Kamu bisa konversi penuh offline — badge akan tunjuk \"Cached\" dengan tanggal/jam update terakhir."},{"question":"Apa itu kartu highlight di atas?","answer":"Kartu referensi cepat 1 IDR = X untuk tujuan populer dari Indonesia: USD (AS), SGD (Singapura), MYR (Malaysia), EUR (Eropa), JPY (Jepang), AED (Uni Emirat), CNY (China). Tap untuk copy atau swap ke konverter utama."},{"question":"Apakah biaya/fee sudah termasuk?","answer":"Belum. Ini rate mid-market (antarbank). Bank, money changer, atau aplikasi (Wise, Revolut, dll) akan tambah spread/fee sendiri. Selalu cek rate aktual sebelum transaksi."}]},{"id":"af20dbd5-b9f2-4799-991c-a9f9df9304cf","slug":"word-counter","name":"Word Counter","name_id":"Hitung Kata","icon":"📝","category":"utilities","meta_description":"Free online word counter. Count words, characters, sentences, paragraphs. Reading time estimate. Works offline.","meta_description_id":"Hitung kata, karakter, kalimat, paragraf gratis. Estimasi waktu baca. Bisa offline.","long_description":"Count words, characters, sentences, and paragraphs in any text. Get reading time estimates, average word length, and top keyword extraction with stop word filtering. Features include character count with and without spaces, line counting, copy stats to clipboard, and text persistence via localStorage. Supports English and Indonesian with automatic dark mode.","long_description_id":"Hitung kata, karakter, kalimat, dan paragraf dari teks apa pun. Dapatkan estimasi waktu baca, rata-rata panjang kata, dan ekstraksi kata kunci utama dengan filter stop word. Fitur termasuk hitungan karakter dengan dan tanpa spasi, hitungan baris, salin statistik ke clipboard, dan penyimpanan teks via localStorage. Mendukung bahasa Inggris dan Indonesia dengan mode gelap otomatis.","size":"25 KB","version":"1.0.0","updated_at":"2026-06-05T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How is reading time calculated?","answer":"Reading time is based on an average speed of 210 words per minute (3.5 words per second), which is the typical reading speed for adults reading online content."},{"question":"What counts as a word?","answer":"Any sequence of non-whitespace characters separated by spaces, tabs, or newlines. Punctuation attached to a word is included in the word count but excluded when calculating average word length."},{"question":"How does keyword extraction work?","answer":"The tool scans all words, removes common stop words (like \"the\", \"and\", \"is\" in English, and \"dan\", \"yang\", \"untuk\" in Indonesian), filters out words shorter than 3 characters, and ranks the rest by frequency."},{"question":"Is my text sent anywhere?","answer":"No. All counting happens locally in your browser. Your text is saved to localStorage for convenience but never leaves your device."}],"faq_id":[{"question":"Bagaimana waktu baca dihitung?","answer":"Waktu baca didasarkan pada kecepatan rata-rata 210 kata per menit (3,5 kata per detik), yang merupakan kecepatan baca tipikal untuk orang dewasa membaca konten online."},{"question":"Apa yang dihitung sebagai kata?","answer":"Setiap urutan karakter non-spasi yang dipisahkan oleh spasi, tab, atau baris baru. Tanda baca yang menempel pada kata termasuk dalam hitungan kata tetapi dikecualikan saat menghitung rata-rata panjang kata."},{"question":"Bagaimana ekstraksi kata kunci bekerja?","answer":"Tool memindai semua kata, menghapus stop word umum (seperti \"the\", \"and\", \"is\" dalam bahasa Inggris, dan \"dan\", \"yang\", \"untuk\" dalam bahasa Indonesia), memfilter kata kurang dari 3 karakter, dan mengurutkan berdasarkan frekuensi."},{"question":"Apakah teks saya dikirim ke mana pun?","answer":"Tidak. Semua penghitungan terjadi lokal di browser kamu. Teks disimpan ke localStorage untuk kenyamanan tetapi tidak pernah keluar dari perangkat kamu."}]},{"id":"625d73d3-635b-47cd-9931-51ecc83716ee","slug":"text-case-converter","name":"Text Case Converter","name_id":"Konversi Teks","icon":"Aa","category":"utilities","meta_description":"Free online text case converter. Convert to UPPERCASE, lowercase, Title Case, camelCase, snake_case, kebab-case and more. Works offline.","meta_description_id":"Konversi teks ke HURUF BESAR, huruf kecil, Title Case, camelCase, snake_case, kebab-case dan lainnya. Bisa offline.","long_description":"Convert any text to 14 different case formats instantly. Supports UPPERCASE, lowercase, Title Case, Sentence case, camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case, path/case, inverse case, alternating case, and swap case. Features include character and word counting, copy individual or all results, expandable long text, and localStorage text persistence. Works offline with English and Indonesian interface.","long_description_id":"Ubah teks ke 14 format huruf berbeda secara instan. Mendukung HURUF BESAR, huruf kecil, Huruf Awal Kapital, Kalimat Biasa, camelCase, PascalCase, snake_case, kebab-case, KONSTAN_BESAR, titik.kasus, jalur/kasus, terbalik, bergantian, dan tukar huruf. Fitur termasuk hitungan karakter dan kata, salin hasil per baris atau semua, teks yang bisa diperluas, dan penyimpanan via localStorage. Bisa offline dengan antarmuka Inggris dan Indonesia.","size":"7 KB","version":"1.0.0","updated_at":"2026-06-05T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What case formats are supported?","answer":"14 formats: UPPERCASE, lowercase, Title Case, Sentence case, camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, dot.case, path/case, inverse case, alternating case, and swap case."},{"question":"How does camelCase conversion work?","answer":"The tool splits text by spaces, hyphens, underscores, and other separators, then joins words with the first word lowercase and subsequent words capitalized. Non-alphanumeric characters are removed."},{"question":"Is my text stored anywhere?","answer":"Your input text is saved to localStorage for convenience so it persists across sessions. Nothing is sent to any server — all conversion happens locally in your browser."},{"question":"Can I copy just one result?","answer":"Yes. Each case format has its own Copy button. There is also a Copy All button that copies all 14 formats at once with labels."}],"faq_id":[{"question":"Format apa saja yang didukung?","answer":"14 format: HURUF BESAR, huruf kecil, Huruf Awal Kapital, Kalimat Biasa, camelCase, PascalCase, snake_case, kebab-case, KONSTAN_BESAR, titik.kasus, jalur/kasus, terbalik, bergantian, dan tukar huruf."},{"question":"Bagaimana konversi camelCase bekerja?","answer":"Tool memisahkan teks berdasarkan spasi, strip, underscore, dan pemisah lainnya, lalu menggabungkan kata dengan huruf kecil di awal dan kapital di kata berikutnya. Karakter non-alfanumerik dihapus."},{"question":"Apakah teks saya disimpan?","answer":"Teks input disimpan ke localStorage untuk kenyamanan agar tetap ada saat dibuka lagi. Tidak ada yang dikirim ke server — semua konversi terjadi lokal di browser."},{"question":"Bisa salin satu hasil saja?","answer":"Bisa. Setiap format punya tombol Salin sendiri. Ada juga tombol Salin Semua yang menyalin semua 14 format sekaligus dengan label."}]},{"id":"202af6f1-24a2-4307-b814-1c2515607c6f","slug":"text-diff-checker","name":"Text Diff Checker","name_id":"Cek Perbedaan Teks","icon":"iff","category":"utilities","meta_description":"Free online text diff checker. Compare two texts, highlight additions, deletions, and changes. Line-by-line and word-by-word diff. Works offline.","meta_description_id":"Cek perbedaan teks online gratis. Bandingkan dua teks, tandai penambahan, penghapusan, dan perubahan. Diff per baris dan per kata. Bisa offline.","long_description":"Compare two texts side by side and see exactly what changed. Supports line-by-line diff and word-by-word diff for changed lines. Additions are highlighted in green, deletions in red, and modifications in yellow. Features include swap texts, copy unified diff output, stats summary, and localStorage persistence. Uses LCS algorithm for accurate diff computation.","long_description_id":"Bandingkan dua teks berdampingan dan lihat persisnya apa yang berubah. Mendukung diff per baris dan per kata untuk baris yang diubah. Penambahan ditandai hijau, penghapusan merah, dan modifikasi kuning. Fitur termasuk tukar teks, salin output unified diff, ringkasan statistik, dan penyimpanan via localStorage. Menggunakan algoritma LCS untuk perhitungan diff yang akurat.","size":"10 KB","version":"1.0.0","updated_at":"2026-06-05T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How does the diff algorithm work?","answer":"It uses LCS (Longest Common Subsequence) to find matching lines, then marks adjacent additions and deletions as changes. For word diff, the same algorithm runs on individual words within changed lines."},{"question":"What do the colors mean?","answer":"Green lines are additions (exist in modified but not original). Red lines are deletions (exist in original but not modified). Yellow lines are modifications (changed content)."},{"question":"Can I copy the diff output?","answer":"Yes. Click Copy Diff to get a unified diff format with + and - prefixes."},{"question":"Is my text sent anywhere?","answer":"No. All diff computation happens locally in your browser. Nothing leaves your device."}],"faq_id":[{"question":"Bagaimana algoritma diff bekerja?","answer":"Menggunakan LCS (Longest Common Subsequence) untuk mencocokkan baris, lalu menandai penambahan dan penghapusan yang berdekatan sebagai perubahan."},{"question":"Apa arti warnanya?","answer":"Hijau = penambahan. Merah = penghapusan. Kuning = modifikasi (konten berubah)."},{"question":"Bisa salin output diff?","answer":"Bisa. Klik Salin Diff untuk mendapatkan format unified diff dengan prefix + dan -."},{"question":"Apakah teks saya dikirim ke mana pun?","answer":"Tidak. Semua perhitungan diff terjadi lokal di browser. Tidak pernah keluar dari perangkat."}]},{"id":"6d474cc6-3a98-42ee-8f1a-bb9681d62f70","slug":"markdown-preview","name":"Markdown Preview","name_id":"Pratinjau Markdown","icon":"M↓","category":"utilities","meta_description":"Free online markdown editor with live preview. Write markdown and see the rendered output instantly. Supports tables, code, lists. Works offline.","meta_description_id":"Editor markdown online dengan pratinjau langsung. Tulis markdown dan lihat hasil render instan. Mendukung tabel, kode, daftar. Bisa offline.","long_description":"Write and preview markdown in real-time with a split-pane editor. Features a formatting toolbar with bold, italic, strikethrough, headings, lists, task lists, links, images, inline code, code blocks, blockquotes, horizontal rules, and tables. Supports fenced code blocks, nested lists, and GFM-style task lists. Copy raw markdown or rendered HTML. Synced scroll between editor and preview.","long_description_id":"Tulis dan pratinjau markdown secara real-time dengan editor split-pane. Fitur toolbar format dengan tebal, miring, coretan, judul, daftar, daftar tugas, tautan, gambar, kode inline, blok kode, kutipan, garis horizontal, dan tabel. Mendukung blok kode, daftar bersarang, dan daftar tugas GFM. Salin markdown mentah atau HTML render. Scroll sinkron antara editor dan pratinjau.","size":"9 KB","version":"1.0.0","updated_at":"2026-06-05T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What markdown features are supported?","answer":"Headings (H1-H4), bold, italic, strikethrough, inline code, fenced code blocks, blockquotes, ordered and unordered lists, task lists, links, images, tables, and horizontal rules."},{"question":"Can I copy the rendered HTML?","answer":"Yes. Click Copy HTML to get the rendered output as HTML code. You can also copy the raw markdown."},{"question":"Does it support GitHub Flavored Markdown?","answer":"Yes — GFM task lists, fenced code blocks, and pipe tables are all supported."},{"question":"Is my text sent anywhere?","answer":"No. All markdown parsing happens locally in your browser. Nothing leaves your device."}],"faq_id":[{"question":"Fitur markdown apa saja yang didukung?","answer":"Judul (H1-H4), tebal, miring, coretan, kode inline, blok kode, kutipan, daftar berurutan dan tak berurutan, daftar tugas, tautan, gambar, tabel, dan garis horizontal."},{"question":"Bisa salin HTML yang sudah di-render?","answer":"Bisa. Klik Salin HTML untuk mendapatkan output render sebagai kode HTML."},{"question":"Apakah mendukung GitHub Flavored Markdown?","answer":"Ya — daftar tugas GFM, blok kode, dan tabel pipe semua didukung."},{"question":"Apakah teks saya dikirim ke mana pun?","answer":"Tidak. Semua parsing markdown terjadi lokal di browser. Tidak pernah keluar dari perangkat."}]},{"id":"5d871b5b-d70e-43b0-acfb-a5e1455d89de","slug":"gradient-generator","name":"Gradient Generator","name_id":"Generator Gradien","icon":"🎨","category":"utilities","meta_description":"Free online CSS gradient generator. Create linear, radial, and conic gradients with live preview. Copy CSS code instantly. Works offline.","meta_description_id":"Generator gradien CSS online gratis. Buat gradien linear, radial, dan konik dengan pratinjau langsung. Salin kode CSS instan. Bisa offline.","long_description":"Create beautiful CSS gradients with an intuitive visual editor. Supports linear, radial, and conic gradient types with multiple color stops. Features include angle control, 10 curated presets, random gradient generation, and one-click CSS code copy. Add, remove, and reorder color stops by dragging. Live preview updates in real-time as you adjust settings.","long_description_id":"Buat gradien CSS indah dengan editor visual intuitif. Mendukung tipe gradien linear, radial, dan konik dengan beberapa titik warna. Fitur termasuk kontrol sudut, 10 preset pilihan, pembuatan gradien acak, dan salin kode CSS sekali klik. Tambah, hapus, dan urutkan titik warna dengan drag. Pratinjau langsung diperbarui secara real-time saat mengubah pengaturan.","size":"24 KB","version":"1.0.0","updated_at":"2026-06-06T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What gradient types are supported?","answer":"Linear, radial, and conic gradients. Each type has its own controls — angle for linear, shape and size for radial, and angle for conic."},{"question":"How do I add more colors?","answer":"Click the \"Add Color\" button below the color stops. You can add up to 10 color stops. Drag the sliders to reposition them."},{"question":"Can I use the gradient in Figma?","answer":"Yes. Click \"Copy SVG\" to copy the gradient as a PNG image to your clipboard — paste directly into Figma. If clipboard fails, it downloads an SVG file you can drag into Figma. \"Copy to Figma\" tries native gradient format."},{"question":"Can I copy the CSS code?","answer":"Yes. The CSS code is displayed at the bottom and updates in real-time. Click the Copy button to copy it to your clipboard."},{"question":"Is my data sent anywhere?","answer":"No. All gradient generation happens locally in your browser. Your last used settings are saved to localStorage for convenience."}],"faq_id":[{"question":"Tipe gradien apa saja yang didukung?","answer":"Gradien linear, radial, dan konik. Setiap tipe punya kontrol sendiri — sudut untuk linear, bentuk dan ukuran untuk radial, dan sudut untuk konik."},{"question":"Bagaimana cara menambah warna?","answer":"Klik tombol \"Tambah Warna\" di bawah titik warna. Bisa menambah hingga 10 titik warna. Geser slider untuk mengubah posisi."},{"question":"Bisa pakai gradien di Figma?","answer":"Bisa. Klik \"Salin SVG\" untuk menyalin gradien sebagai gambar PNG ke clipboard — tempel langsung di Figma. Jika gagal, otomatis download file SVG yang bisa di-drag ke Figma. \"Salin ke Figma\" coba format gradien native."},{"question":"Bisa salin kode CSS?","answer":"Bisa. Kode CSS ditampilkan di bawah dan diperbarui real-time. Klik tombol Salin untuk menyalin ke clipboard."},{"question":"Apakah data saya dikirim ke mana pun?","answer":"Tidak. Semua pembuatan gradien terjadi lokal di browser. Pengaturan terakhir disimpan ke localStorage untuk kenyamanan."}]},{"id":"a1f3c2d4-1111-4aaa-8bbb-image0compress","slug":"image-tools","name":"Image Tools","name_id":"Alat Gambar","icon":"🖼️","category":"image","meta_description":"Resize, crop, compress, convert, and strip EXIF metadata from images — all in your browser. JPG, PNG, WebP. Files never leave your device. Works offline.","meta_description_id":"Ubah ukuran, potong, kompres, konversi, dan hapus metadata EXIF dari gambar — semua di browser. JPG, PNG, WebP. File tidak pernah keluar dari perangkat. Bisa offline.","long_description":"A complete image toolkit in one place. Load a photo once, then switch between four modes: Resize by pixels or percent with aspect-ratio lock, Crop with free or fixed ratios, Compress and convert between JPG, PNG, and WebP with a quality slider, and an EXIF viewer that reveals hidden metadata like GPS location and lets you download a clean copy with all metadata removed. Everything runs in your browser using the canvas API, so your images never leave your device.","long_description_id":"Toolkit gambar lengkap dalam satu tempat. Muat foto sekali, lalu beralih antara empat mode: Ubah Ukuran berdasarkan piksel atau persen dengan kunci rasio aspek, Potong dengan rasio bebas atau tetap, Kompres dan konversi antara JPG, PNG, dan WebP dengan slider kualitas, serta penampil EXIF yang mengungkap metadata tersembunyi seperti lokasi GPS dan memungkinkan Anda mengunduh salinan bersih tanpa metadata. Semua berjalan di browser memakai canvas API, jadi gambar Anda tidak pernah keluar dari perangkat.","size":"17 KB","version":"1.0.0","updated_at":"2026-06-08T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Are my images uploaded to a server?","answer":"No. All compression happens locally in your browser using the canvas API. Your images never leave your device, which is why it works fully offline."},{"question":"Which formats are supported?","answer":"You can compress JPG, PNG, and WebP. You can also convert the output to JPG or WebP for smaller files. PNG uses lossless encoding, so the quality slider mainly affects JPG and WebP."},{"question":"Can I compress many images at once?","answer":"Yes. Drop in multiple files and they are all compressed together. Use Download All to save them in one go."},{"question":"Why is my PNG barely smaller?","answer":"PNG is lossless, so re-encoding only helps if the original had extra data. For big savings on photos, convert PNG to JPG or WebP using the output format option."}],"faq_id":[{"question":"Apakah gambar saya diunggah ke server?","answer":"Tidak. Semua kompresi terjadi lokal di browser memakai canvas API. Gambar Anda tidak pernah keluar dari perangkat, makanya bisa berjalan sepenuhnya offline."},{"question":"Format apa saja yang didukung?","answer":"Anda bisa mengompres JPG, PNG, dan WebP. Anda juga bisa mengonversi output ke JPG atau WebP untuk file lebih kecil. PNG memakai encoding lossless, jadi slider kualitas terutama berpengaruh pada JPG dan WebP."},{"question":"Bisa kompres banyak gambar sekaligus?","answer":"Bisa. Masukkan beberapa file dan semuanya dikompres bersamaan. Gunakan Unduh Semua untuk menyimpannya sekaligus."},{"question":"Kenapa PNG saya hampir tidak mengecil?","answer":"PNG bersifat lossless, jadi encoding ulang hanya membantu jika file asli punya data ekstra. Untuk penghematan besar pada foto, konversi PNG ke JPG atau WebP lewat opsi format output."}]},{"id":"b2e4d6f8-5555-4ccc-9ddd-time0calc0001","slug":"kalkulator-waktu","name":"Time Calculator","name_id":"Kalkulator Waktu","icon":"⏳","category":"utilities","meta_description":"Calculate how long until a future date or how long since a past date and time, or the duration between any two dates. Works fully offline in your browser.","meta_description_id":"Hitung berapa lama lagi ke tanggal tertentu atau sudah berapa lama sejak tanggal & jam lampau, atau durasi antara dua tanggal. Bekerja sepenuhnya offline di browser.","long_description":"Answer time questions instantly: how long until 20 July 2026, how long since 17 August 1945, or how many hours until 22:00 tonight. Pick any target date and time and the tool shows the exact breakdown in years, months, days, hours and minutes, plus totals in days, weeks, hours and minutes. A second mode measures the duration between any two dates. Quick presets cover New Year, 17 August, Christmas and end of year. Everything is computed locally in your browser, so it works offline and nothing is sent anywhere.","long_description_id":"Jawab pertanyaan soal waktu seketika: berapa lama lagi ke 20 Juli 2026, sudah berapa lama sejak 17 Agustus 1945, atau berapa jam lagi ke jam 22.00 malam ini. Pilih tanggal dan jam target, lalu tool menampilkan rincian persis dalam tahun, bulan, hari, jam, dan menit, plus total dalam hari, minggu, jam, dan menit. Mode kedua menghitung durasi antara dua tanggal. Preset cepat tersedia untuk Tahun Baru, 17 Agustus, Natal, dan akhir tahun. Semua dihitung lokal di browser, jadi bekerja offline dan tidak ada data yang dikirim.","size":"11 KB","version":"1.0.0","updated_at":"2026-06-08T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How do I calculate how long until a specific time today?","answer":"Pick a target with today's date and the time you want (e.g. 22:00). The tool shows the hours and minutes remaining. If the time has already passed today, choose tomorrow's date to count to the next occurrence."},{"question":"Is the year/month breakdown accurate?","answer":"Yes. The calculation is calendar-aware: it accounts for different month lengths and leap years by borrowing days from the correct month, so \"1 month\" reflects the actual month involved rather than a fixed 30 days."},{"question":"Can I measure the duration between two dates?","answer":"Yes. Switch to the \"Between 2 Dates\" mode and set both a From and To date (and optional time). The result shows the exact duration between them."},{"question":"Is my data sent anywhere?","answer":"No. All calculations happen locally in your browser using plain date math. Nothing is uploaded, so the tool works fully offline."}],"faq_id":[{"question":"Bagaimana cara menghitung berapa lama lagi ke jam tertentu hari ini?","answer":"Pilih target dengan tanggal hari ini dan jam yang diinginkan (mis. 22.00). Tool menampilkan jam dan menit yang tersisa. Jika jamnya sudah lewat hari ini, pilih tanggal besok untuk menghitung ke kejadian berikutnya."},{"question":"Apakah rincian tahun/bulan akurat?","answer":"Ya. Perhitungannya sadar-kalender: memperhitungkan panjang bulan yang berbeda dan tahun kabisat dengan meminjam hari dari bulan yang tepat, jadi \"1 bulan\" mencerminkan bulan sebenarnya, bukan 30 hari tetap."},{"question":"Bisakah menghitung durasi antara dua tanggal?","answer":"Bisa. Beralih ke mode \"Antara 2 Tanggal\" lalu atur tanggal Dari dan Ke (dan jam opsional). Hasilnya menampilkan durasi persis di antara keduanya."},{"question":"Apakah data saya dikirim ke mana pun?","answer":"Tidak. Semua perhitungan terjadi lokal di browser memakai date math biasa. Tidak ada yang diunggah, jadi tool bekerja sepenuhnya offline."}]},{"id":"524d868c-75a2-4579-b321-171102c41f34","slug":"color-palette","name":"Color Wheel","name_id":"Lingkaran Warna","icon":"🎡","category":"design","meta_description":"Interactive color wheel with drag-to-pick hue, 6 harmony rules, HEX/RGB/HSB/CMYK/LAB inputs, image palette extraction, and one-tap copy. Works offline.","meta_description_id":"Lingkaran warna interaktif dengan geser-untuk-pilih hue, 6 aturan harmoni, input HEX/RGB/HSB/CMYK/LAB, ekstraksi palet dari gambar, dan salin satu ketukan. Berfungsi offline.","long_description":"An interactive color wheel inspired by Adobe Color. Drag the marker around the wheel to pick a hue, fine-tune saturation and brightness with the sliders, and see harmony markers appear automatically for the selected rule. Six harmony modes: Complementary, Analogous, Triadic, Tetradic, Split-Complementary, and Monochromatic. Convert the picked color between HEX, RGB, HSB, CMYK, and LAB. Upload an image to extract a 6-color palette via k-means clustering. Save palettes locally, export as CSS, SCSS, JSON, or plain text. Every color value is one tap from the clipboard. Everything runs in your browser — no data leaves your device, and it works fully offline.","long_description_id":"Lingkaran warna interaktif terinspirasi Adobe Color. Geser marker di sekitar roda untuk memilih hue, atur saturasi dan kecerahan dengan slider, dan lihat marker harmoni muncul otomatis sesuai aturan yang dipilih. Enam mode harmoni: Komplementer, Analog, Triadik, Tetradik, Split-Complementary, dan Monokromatik. Konversi warna yang dipilih antara HEX, RGB, HSB, CMYK, dan LAB. Unggah gambar untuk mengekstrak palet 6 warna lewat clustering k-means. Simpan palet secara lokal, ekspor sebagai CSS, SCSS, JSON, atau teks biasa. Setiap nilai warna cukup satu ketukan ke clipboard. Semua berjalan di browser — tidak ada data yang keluar dari perangkat, dan berfungsi sepenuhnya offline.","size":"38 KB","version":"2.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How do I pick a color?","answer":"Drag the marker on the color wheel to pick a hue. The distance from the center controls saturation. Use the B and S sliders below the wheel to fine-tune brightness and saturation, or type a HEX value in the values card. The harmony markers update in real time as you change the base color."},{"question":"What is the difference between the harmony rules?","answer":"Complementary pairs the base with its opposite hue (180°). Analogous uses neighboring hues (±30°/±60°). Triadic picks three evenly-spaced hues (120°). Tetradic (rectangle) uses four hues at 90° spacing. Split-Complementary uses the two hues adjacent to the complement (150° and 210°) for high contrast with less tension. Monochromatic keeps the same hue and varies only lightness."},{"question":"What do the small dots on the wheel mean?","answer":"They mark the harmony colors for the current rule. Click any dot to jump the base color to that hue. The center of the wheel always shows the current base color as a preview."},{"question":"How does the image palette extraction work?","answer":"Tap \"Extract from image\", pick any photo, and the tool runs a k-means clustering on the pixels (downscaled for speed). It returns the 6 most dominant colors, sorted by frequency. Tap any extracted swatch to set it as the new base color."},{"question":"What color models are supported?","answer":"HEX, RGB, HSB, CMYK, and LAB. Switch the tabs above the value grid. Changing any numeric value updates the base color live, and you can copy the full formatted string (e.g. rgb(59, 130, 246)) with the copy button next to the input."},{"question":"How do I save and export my palette?","answer":"Tap \"Save\" to store the current palette locally with a name. Open it again from the saved palettes list. Tap \"Export\" to copy as CSS variables, SCSS variables, JSON, or plain newline-separated hex. Every swatch in the palette is also one tap from the clipboard."},{"question":"Is my data private?","answer":"Yes. Saved palettes live in localStorage on your device. Image extraction happens entirely in your browser via a canvas — the image is never uploaded. The tool works fully offline."}],"faq_id":[{"question":"Bagaimana cara memilih warna?","answer":"Geser marker di lingkaran warna untuk memilih hue. Jarak dari pusat mengatur saturasi. Pakai slider B dan S di bawah roda untuk mengatur kecerahan dan saturasi, atau ketik nilai HEX di kartu nilai. Marker harmoni diperbarui secara real-time saat warna dasar berubah."},{"question":"Apa perbedaan aturan harmoni?","answer":"Komplementer memasangkan dasar dengan hue berlawanan (180°). Analog memakai hue tetangga (±30°/±60°). Triadik memilih tiga hue berjarak rata (120°). Tetradik (persegi panjang) memakai empat hue pada jarak 90°. Split-Complementary memakai dua hue di sebelah komplemen (150° dan 210°) untuk kontras tinggi dengan tegangan lebih rendah. Monokromatik mempertahankan hue yang sama dan variasi hanya pada lightness."},{"question":"Apa arti titik-titik kecil di roda?","answer":"Itu menandai warna harmoni untuk aturan yang sedang aktif. Klik titik mana saja untuk melompatkan warna dasar ke hue tersebut. Pusat roda selalu menampilkan warna dasar saat ini sebagai pratinjau."},{"question":"Bagaimana kerja ekstraksi palet dari gambar?","answer":"Tap \"Ekstrak dari gambar\", pilih foto, dan tool menjalankan k-means clustering pada pixel (di-downscale demi kecepatan). Mengembalikan 6 warna paling dominan, diurutkan berdasarkan frekuensi. Tap swatch hasil ekstraksi untuk menjadikannya warna dasar baru."},{"question":"Model warna apa yang didukung?","answer":"HEX, RGB, HSB, CMYK, dan LAB. Ganti tab di atas grid nilai. Mengubah nilai numerik apa pun memperbarui warna dasar langsung, dan kamu bisa menyalin string terformat lengkap (mis. rgb(59, 130, 246)) dengan tombol salin di sebelah input."},{"question":"Bagaimana cara simpan dan ekspor palet?","answer":"Tap \"Simpan\" untuk menyimpan palet saat ini secara lokal dengan nama. Buka lagi dari daftar palet tersimpan. Tap \"Ekspor\" untuk menyalin sebagai variabel CSS, variabel SCSS, JSON, atau hex terpisah newline. Setiap swatch di palet juga satu ketukan dari clipboard."},{"question":"Apakah data saya privat?","answer":"Ya. Palet tersimpan berada di localStorage di perangkatmu. Ekstraksi gambar terjadi seluruhnya di browser lewat canvas — gambar tidak pernah diunggah. Tool bekerja penuh offline."}]},{"id":"0a8caa39-c404-4e9f-8830-1853aaa7443a","slug":"tip-calculator","name":"Tip Calculator","name_id":"Kalkulator Tip","icon":"🧾","category":"finance","meta_description":"Calculate tip and split the bill between people. Custom tip percent, round-up option. Works offline.","meta_description_id":"Hitung tip dan bagi tagihan antar orang. Persen tip custom, opsi pembulatan. Bisa offline.","long_description":"Calculate the tip and split the bill between any number of people. Pick a preset tip (5/10/15/18/20/25%) or enter a custom percentage, set how many people are sharing, and the tool instantly shows the per-person amount, the tip total, and the grand total. A round-up option snaps each person's share to the nearest clean number (nearest cent for USD, nearest hundred rupiah for IDR), so nobody leaves coins on the table. All math runs in your browser — no data leaves your device, and it works fully offline.","long_description_id":"Hitung tip dan bagi tagihan ke beberapa orang. Pilih preset tip (5/10/15/18/20/25%) atau masukkan persen custom, atur berapa orang yang berbagi, dan tool langsung menampilkan jumlah per orang, total tip, dan total keseluruhan. Opsi pembulatan membulatkan bagian setiap orang ke angka rapi terdekat (sen terdekat untuk USD, ratusan rupiah terdekat untuk IDR), supaya tidak ada yang meninggalkan uang kembalian. Semua kalkulasi berjalan di browser — tidak ada data yang keluar dari perangkat, dan berfungsi sepenuhnya offline.","size":"17 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is a fair tip percentage?","answer":"15–20% is standard in the US for sit-down restaurants. In Indonesia, 5–10% is common (sometimes included as 'service charge' on the bill). For takeout or counter service, 10% is a kind baseline. Adjust based on the service you got."},{"question":"How does the round-up option work?","answer":"Round-up snaps each person's share to a clean number: to the nearest cent (USD) or the nearest hundred rupiah (IDR). Useful so nobody has to deal with coins, or so you can leave a small extra tip without doing the math in your head."},{"question":"Does the tip get split too?","answer":"Yes. The tool adds the full tip to the bill, then divides by the number of people. So everyone pays the same total-per-person — tip included."},{"question":"Can I enter a custom tip percentage?","answer":"Yes. Use the 'Custom %' field at the bottom of the tip section to enter any value, including decimals like 12.5."},{"question":"Is my bill data sent anywhere?","answer":"No. All calculations happen locally in your browser. Nothing is uploaded, so the tool works fully offline."}],"faq_id":[{"question":"Berapa persen tip yang wajar?","answer":"15–20% adalah standar di AS untuk restoran duduk. Di Indonesia, 5–10% umum (kadang sudah termasuk 'service charge' di tagihan). Untuk takeout atau counter, 10% adalah baseline yang wajar. Sesuaikan dengan layanan yang Anda dapat."},{"question":"Bagaimana opsi pembulatan bekerja?","answer":"Pembulatan membulatkan bagian setiap orang ke angka rapi: sen terdekat (USD) atau ratusan rupiah terdekat (IDR). Berguna supaya tidak ada yang harus menghitung uang kembalian, atau supaya bisa kasih tip ekstra tanpa hitung manual."},{"question":"Apakah tip juga ikut dibagi?","answer":"Ya. Tool menambahkan seluruh tip ke tagihan, lalu membagi dengan jumlah orang. Jadi semua bayar total per orang yang sama — tip sudah termasuk."},{"question":"Bisakah saya masukkan persen tip custom?","answer":"Bisa. Pakai kolom 'Custom %' di bawah bagian tip untuk memasukkan nilai apa pun, termasuk desimal seperti 12,5."},{"question":"Apakah data tagihan saya dikirim ke mana pun?","answer":"Tidak. Semua kalkulasi terjadi lokal di browser. Tidak ada yang diunggah, jadi tool bekerja sepenuhnya offline."}]},{"id":"0f38a36d-589b-4378-8631-8dd1c6692a1e","slug":"habit-tracker","name":"Habit Tracker","name_id":"Pelacak Kebiasaan","icon":"🎯","category":"productivity","meta_description":"Track daily habits with streak counts and a 7-day history. Add, check off, and watch streaks grow. Works offline and private.","meta_description_id":"Lacak kebiasaan harian dengan hitungan streak dan riwayat 7 hari. Tambah, centang, dan lihat streak bertambah. Bisa offline dan privat.","long_description":"Track daily habits with streak counts and a 7-day history grid. Add the habits you want to build, check them off each day, and watch the streak grow. The streak only counts consecutive days, so missing a day resets it — perfect for the consistency loop. All data is saved locally on your device and never leaves your browser, so the tool works fully offline and stays private.","long_description_id":"Lacak kebiasaan harian dengan hitungan streak dan grid riwayat 7 hari. Tambahkan kebiasaan yang ingin Anda bangun, centang setiap hari, dan lihat streak bertambah. Streak hanya menghitung hari berturut-turut, jadi melewatkan satu hari akan mengembalikannya ke nol — cocok untuk loop konsistensi. Semua data disimpan lokal di perangkat Anda dan tidak pernah keluar dari browser, jadi tool berfungsi penuh offline dan tetap privat.","size":"16 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How is the streak calculated?","answer":"Streak counts consecutive days the habit was checked off, walking backwards from today (or yesterday if you haven't checked today yet). Missing a day resets the streak to 0."},{"question":"What does the 7-day row show?","answer":"The dots are the last 7 days (today on the right). A green dot means the habit was completed that day. The day with the outlined ring is today — checking it off makes it green."},{"question":"Is my data private?","answer":"Yes. All habits and check-ins are stored in your browser's localStorage. Nothing is uploaded to a server, which is why the tool works fully offline."},{"question":"Can I rename or edit a habit?","answer":"Tap the habit name to toggle it for the day. To rename, delete it and add a new one — editing names is a planned feature for a future update."},{"question":"How do I delete a habit?","answer":"Tap the × button on the right of the habit. The habit and all of its check history are removed from your device."}],"faq_id":[{"question":"Bagaimana streak dihitung?","answer":"Streak menghitung hari berturut-turut kebiasaan dicentang, berjalan mundur dari hari ini (atau kemarin jika Anda belum mencentang hari ini). Melewatkan satu hari mengembalikan streak ke 0."},{"question":"Apa yang ditampilkan baris 7 hari?","answer":"Titik-titik tersebut adalah 7 hari terakhir (hari ini di kanan). Titik hijau berarti kebiasaan selesai di hari itu. Hari dengan cincin outline adalah hari ini — mencentangnya membuatnya jadi hijau."},{"question":"Apakah data saya aman?","answer":"Ya. Semua kebiasaan dan centangan disimpan di localStorage browser Anda. Tidak ada yang diunggah ke server, makanya tool berfungsi sepenuhnya offline."},{"question":"Bisakah saya mengubah nama kebiasaan?","answer":"Tap nama kebiasaan untuk mencentang hari ini. Untuk mengubah nama, hapus lalu tambahkan yang baru — pengeditan nama adalah fitur yang direncanakan untuk pembaruan berikutnya."},{"question":"Bagaimana cara menghapus kebiasaan?","answer":"Tap tombol × di kanan kebiasaan. Kebiasaan dan semua riwayat centangannya dihapus dari perangkat Anda."}]},{"id":"23852337-7192-483c-bf67-e8d7eb246785","slug":"pace-lari","name":"Running Pace Calculator","name_id":"Kalkulator Pace Lari","icon":"🏃","category":"health","meta_description":"Calculate running pace, finish time, or distance, and predict 5K, 10K, half and full marathon times. Supports km and miles. Works fully offline.","meta_description_id":"Hitung pace lari, waktu finis, atau jarak, dan prediksi waktu 5K, 10K, half, dan full marathon. Mendukung km dan mil. Bekerja sepenuhnya offline.","long_description":"A complete pace toolkit for runners. Enter any two of distance, time, and pace, and the tool computes the third instantly. Switch units between kilometers and miles, use quick presets for 5K, 10K, half and full marathon distances, and see your speed in km/h. The race predictions estimate your finish times across standard distances based on your current pace. Everything is calculated locally in your browser, so it works offline and nothing is sent anywhere.","long_description_id":"Toolkit pace lengkap untuk pelari. Masukkan dua dari tiga nilai (jarak, waktu, pace), dan tool menghitung yang ketiga seketika. Ganti satuan antara kilometer dan mil, gunakan preset cepat untuk jarak 5K, 10K, half, dan full marathon, dan lihat kecepatan dalam km/jam. Prediksi lomba memperkirakan waktu finis Anda di berbagai jarak standar berdasarkan pace saat ini. Semua dihitung lokal di browser, jadi bekerja offline dan tidak ada data yang dikirim.","size":"23 KB","version":"1.0.0","updated_at":"2026-06-09T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How do I calculate my pace?","answer":"Choose the \"Pace\" mode, then enter your distance and your finish time. The tool shows your pace per kilometer (or mile) and your average speed."},{"question":"Can it predict my race times?","answer":"Yes. Once you enter your pace (or distance + time), the tool predicts finish times for 5K, 10K, half marathon, and full marathon assuming you hold a constant pace."},{"question":"Does it support miles?","answer":"Yes. Toggle between km and mi at the top. Your distance value is converted automatically so it stays the same real distance, and pace/speed update to the chosen unit."},{"question":"Are the predictions accurate for long races?","answer":"They assume a constant pace, which is a good estimate for shorter distances. For a marathon, most runners slow down over time, so treat the longer predictions as an optimistic target rather than a guarantee."}],"faq_id":[{"question":"Bagaimana cara menghitung pace saya?","answer":"Pilih mode \"Pace\", lalu masukkan jarak dan waktu finis Anda. Tool menampilkan pace per kilometer (atau mil) dan kecepatan rata-rata."},{"question":"Bisakah memprediksi waktu lomba saya?","answer":"Bisa. Setelah Anda memasukkan pace (atau jarak + waktu), tool memprediksi waktu finis untuk 5K, 10K, half marathon, dan full marathon dengan asumsi pace konstan."},{"question":"Apakah mendukung mil?","answer":"Ya. Alihkan antara km dan mi di bagian atas. Nilai jarak Anda dikonversi otomatis agar tetap jarak sebenarnya yang sama, dan pace/kecepatan menyesuaikan satuan yang dipilih."},{"question":"Apakah prediksinya akurat untuk lomba jauh?","answer":"Prediksi mengasumsikan pace konstan, yang merupakan perkiraan baik untuk jarak pendek. Untuk marathon, kebanyakan pelari melambat seiring waktu, jadi anggap prediksi jarak jauh sebagai target optimis, bukan jaminan."}]},{"id":"6fef8e3e-0b74-483e-96b5-e9571d612d5c","slug":"password-strength-meter","name":"Password Strength Meter","name_id":"Pengukur Kekuatan Password","icon":"🔐","category":"utilities","meta_description":"Check how strong a password is and how long it would take to crack. Real-time, offline, private.","meta_description_id":"Cek kekuatan password dan berapa lama waktu untuk crack. Real-time, offline, privat.","long_description":"Check how strong a password is, with entropy-based scoring and an estimated offline crack time. Type or paste any password and the meter updates instantly: weak, fair, good, strong, or epic — plus character-class checks (length, uppercase, lowercase, digits, symbols) and a friendly suggestion when something is missing. Crack time is calculated for a 10 billion guesses-per-second offline rig. Everything runs locally — your password is never stored, sent, or logged, and the tool works fully offline.","long_description_id":"Cek kekuatan password dengan skor berbasis entropi dan estimasi waktu crack offline. Ketik atau tempel password apa pun dan meter langsung update: lemah, cukup, bagus, kuat, atau epic — plus cek kelas karakter (panjang, huruf besar, huruf kecil, angka, simbol) dan saran ramah saat ada yang kurang. Waktu crack dihitung untuk rig offline 10 miliar tebakan per detik. Semua berjalan lokal — password kamu tidak pernah disimpan, dikirim, atau dicatat, dan tool berfungsi sepenuhnya offline.","size":"19 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How is the strength score calculated?","answer":"We use the standard entropy formula: bits = length × log2(character_pool). The character pool is the size of all character classes your password uses (lowercase adds 26, uppercase adds 26, digits add 10, symbols add 33). Under 28 bits is weak, 28–50 fair, 50–75 good, 75–100 strong, and over 100 is epic."},{"question":"What does the crack time assume?","answer":"10 billion guesses per second — what a modern offline cracking rig (multiple high-end GPUs) can do. If your password is in a leaked-password dictionary, real attackers can crack it much faster. Use a unique password for every account to rule that out."},{"question":"Is my password stored or sent anywhere?","answer":"Never. Every character is analyzed in your browser and immediately discarded. The tool has no network code, no analytics, and no history. Reload the page and the password is gone from memory."},{"question":"Why is a long passphrase stronger than a short complex password?","answer":"Length grows entropy linearly while a character class grows it logarithmically. A 28-character passphrase has far more entropy than a 6-character complex password, and is also easier to remember. The meter reflects this — length is the single biggest lever you can pull."},{"question":"What makes a great password?","answer":"Aim for 12+ characters using a mix of lowercase, uppercase, digits, and symbols. Use a different password for every account. Let a password manager generate and remember them so you only need to memorize one strong master."}],"faq_id":[{"question":"Bagaimana skor kekuatan dihitung?","answer":"Kami memakai rumus entropi standar: bit = panjang × log2(character_pool). Pool karakter adalah ukuran semua kelas karakter yang dipakai password (huruf kecil menambah 26, besar 26, angka 10, simbol 33). Di bawah 28 bit lemah, 28–50 cukup, 50–75 bagus, 75–100 kuat, di atas 100 epic."},{"question":"Waktu crack mengasumsikan apa?","answer":"10 miliar tebakan per detik — kemampuan rig cracking offline modern (beberapa GPU kelas atas). Kalau password kamu ada di kamus password bocor, cracker bisa lebih cepat. Pakai password unik untuk tiap akun untuk menyingkirkan kemungkinan itu."},{"question":"Apakah password saya disimpan atau dikirim?","answer":"Tidak pernah. Tiap karakter dianalisis di browser dan langsung dibuang. Tool ini tidak punya kode jaringan, analitik, atau riwayat. Muat ulang halaman dan password hilang dari memori."},{"question":"Kenapa passphrase panjang lebih kuat dari password kompleks pendek?","answer":"Panjang menambah entropi secara linier, sementara kelas karakter menambah secara logaritmik. Passphrase 28 karakter punya entropi jauh lebih tinggi dari password kompleks 6 karakter, dan juga lebih mudah diingat. Meter mencerminkan ini — panjang adalah pengungkit terbesar yang bisa kamu tarik."},{"question":"Apa yang bikin password bagus?","answer":"Usahakan 12+ karakter dengan campuran huruf kecil, besar, angka, dan simbol. Pakai password berbeda untuk tiap akun. Biar password manager yang generate dan mengingatnya, jadi kamu cukup hafal satu master yang kuat."}]},{"id":"25e76e37-f2cd-461f-9e2c-9b833749fdf4","slug":"number-base-converter","name":"Number Base Converter","name_id":"Konversi Basis Angka","icon":"🔢","category":"utilities","meta_description":"Convert numbers between binary, octal, decimal, hex, and any custom base from 2 to 36. Supports bigints. Real-time, offline.","meta_description_id":"Konversi angka antara biner, oktal, desimal, heksadesimal, dan basis custom 2 sampai 36. Mendukung bigint. Real-time, offline.","long_description":"Convert any number between binary (base 2), octal (base 8), decimal (base 10), hexadecimal (base 16), and any custom base from 2 to 36. Type in any field, pick the source base, and all four standard conversions plus your custom base appear instantly. Handles big integers up to about 50 digits so you can crunch cryptography-sized or math-class-sized numbers without losing precision. Each output has its own copy button, and signed integers show a separate two's complement row for binary and hex. Everything runs locally in your browser, works fully offline, and never sends your numbers anywhere.","long_description_id":"Konversi angka apa pun antara biner (basis 2), oktal (basis 8), desimal (basis 10), heksadesimal (basis 16), dan basis custom 2 sampai 36. Ketik di kolom mana pun, pilih basis sumber, dan keempat konversi standar plus basis custom kamu muncul seketika. Menangani big integer hingga sekitar 50 digit sehingga kamu bisa hitung angka skala kriptografi atau tugas matematika tanpa kehilangan presisi. Tiap output punya tombol salin sendiri, dan bilangan bertanda menampilkan baris two's complement terpisah untuk biner dan heksadesimal. Semua berjalan lokal di browser, berfungsi offline, dan tidak pernah mengirim angka kamu ke mana pun.","size":"24 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What bases are supported?","answer":"Binary (base 2), octal (base 8), decimal (base 10), hexadecimal (base 16), and any custom base from 2 to 36. Bases above 36 would need more than alphanumeric characters to represent, so we stop there."},{"question":"Why are some conversions so long?","answer":"Base conversions are exponential. A 10-digit decimal number becomes about 33 digits in binary and 27 in hex. Big integers are intentional — you can crunch crypto-sized values without losing precision."},{"question":"Does it handle negative numbers?","answer":"Yes. When the input parses as negative, all conversions are shown with a minus sign. For binary and hex specifically, the two's complement row shows the same magnitude represented as a fixed bit-width (the next multiple of 4 that fits the absolute value)."},{"question":"Is there a size limit?","answer":"No hard limit, but the tool is built for practical math. Numbers up to about 50 decimal digits convert instantly. Push it to 200+ digits and your browser may slow down — that's just JavaScript BigInt doing its thing."},{"question":"Is my data sent anywhere?","answer":"No. All parsing and conversion happens in your browser. Nothing is uploaded, so it works fully offline."}],"faq_id":[{"question":"Basis apa saja yang didukung?","answer":"Biner (basis 2), oktal (basis 8), desimal (basis 10), heksadesimal (basis 16), dan basis custom 2 sampai 36. Basis di atas 36 butuh karakter lebih dari alfanumerik untuk merepresentasikan, jadi kami berhenti di situ."},{"question":"Kenapa beberapa konversi sangat panjang?","answer":"Konversi basis bersifat eksponensial. Angka desimal 10 digit menjadi sekitar 33 digit di biner dan 27 di heksadesimal. Big integer memang sengaja begitu — kamu bisa hitung nilai skala kriptografi tanpa kehilangan presisi."},{"question":"Apakah mendukung bilangan negatif?","answer":"Ya. Ketika input terdeteksi negatif, semua konversi ditampilkan dengan tanda minus. Untuk biner dan heksadesimal, baris two's complement menampilkan magnitude yang sama dalam lebar bit tetap (kelipatan 4 berikutnya yang muat nilai absolut)."},{"question":"Apakah ada batas ukuran?","answer":"Tidak ada batas keras, tapi tool ini dibuat untuk matematika praktis. Angka hingga sekitar 50 digit desimal konversi instan. Coba 200+ digit dan browser bisa melambat — itu cuma BigInt JavaScript yang bekerja."},{"question":"Apakah data saya dikirim ke mana pun?","answer":"Tidak. Semua parsing dan konversi terjadi di browser. Tidak ada yang diunggah, jadi berfungsi sepenuhnya offline."}]},{"id":"31c08d26-9e27-4711-b14b-241cecd36c0b","slug":"countdown-timer","name":"Countdown Timer","name_id":"Timer Hitung Mundur","icon":"⏱️","category":"productivity","meta_description":"Live countdown to a target date or quick duration (1h, 1d, 7d, 30d). Sound alert when done, persists across reloads. Offline.","meta_description_id":"Hitung mundur langsung ke tanggal target atau durasi cepat (1 jam, 1 hari, 7 hari, 30 hari). Notifikasi suara saat selesai, persist setelah reload. Offline.","long_description":"Count down to any future moment. Pick a target with the date and time picker, or tap a quick preset for 1 hour, 1 day, 7 days, or 30 days from now. The four big tiles tick every second showing days, hours, minutes, and seconds. When the countdown reaches zero, an optional sound plays (off by default, opt-in to respect quiet environments) and a Done state replaces the tiles until you reset or set a new target. Your target is saved to localStorage so reloading the page mid-countdown resumes it exactly where you left off. Stop pauses the timer in place; reset clears it. Works fully offline, no signup, and the target never leaves your device.","long_description_id":"Hitung mundur ke momen masa depan apa pun. Pilih target dengan date dan time picker, atau tap preset cepat untuk 1 jam, 1 hari, 7 hari, atau 30 hari dari sekarang. Empat ubin besar bergerak tiap detik menunjukkan hari, jam, menit, dan detik. Saat hitung mundur mencapai nol, suara opsional berbunyi (default mati, opt-in untuk menghargai lingkungan tenang) dan status Selesai menggantikan ubin sampai kamu reset atau set target baru. Target kamu tersimpan di localStorage sehingga memuat ulang di tengah hitung mundur melanjutkannya tepat dari posisi semula. Stop menjeda timer di tempat; reset membersihkannya. Berfungsi offline, tanpa daftar, dan target tidak pernah keluar dari perangkat.","size":"21 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Does the timer keep running when I close the tab?","answer":"Yes — the target timestamp is saved in localStorage, so when you reopen the page the countdown resumes from where it should be now, not from where you left. This is more accurate than a simple interval because it can't drift if the browser throttles the timer."},{"question":"Will the sound play automatically when time is up?","answer":"Only if you opt in. The sound toggle is off by default because autoplay audio is jarring. When the toggle is on, the page uses the WebAudio API to play a short three-tone chime the moment the target is reached. If the tab is in the background, the chime still plays in the foreground tab once it comes back."},{"question":"What does the Stop button do?","answer":"Stop pauses the countdown where it is — the tiles freeze, the target is preserved, and Start resumes it from the same point. It does not clear the target; Reset does. If you just want a fresh start, hit Reset to clear the stored target entirely."},{"question":"Is my data private?","answer":"Yes. The target timestamp and the sound preference are stored only in your browser localStorage. Nothing is uploaded, so the tool works fully offline. Clearing your browser data will erase your saved target."},{"question":"What are the quick presets for?","answer":"1 hour for a focus block, 1 day for tomorrow's deadline, 7 days for a weekly reminder, 30 days for monthly goals. Each preset just sets the target to (now + duration) — you can always fine-tune with the date/time picker afterward."}],"faq_id":[{"question":"Apakah timer tetap jalan saat tab ditutup?","answer":"Ya — timestamp target tersimpan di localStorage, jadi saat kamu buka lagi halaman, hitung mundur lanjut dari posisi yang seharusnya sekarang, bukan dari posisi kamu tinggal. Ini lebih akurat dari interval sederhana karena tidak akan drift kalau browser throttle timer."},{"question":"Apakah suara otomatis berbunyi saat waktu habis?","answer":"Hanya kalau kamu opt-in. Toggle suara default mati karena autoplay audio mengganggu. Saat toggle aktif, halaman memakai WebAudio API untuk memainkan chime tiga nada singkat begitu target tercapai. Kalau tab di background, chime tetap bunyi di tab foreground saat kembali."},{"question":"Tombol Stop gunanya apa?","answer":"Stop menjeda hitung mundur di tempat — ubin membeku, target dipertahankan, dan Start melanjutkannya dari titik yang sama. Tidak menghapus target; Reset yang melakukannya. Kalau kamu mau mulai bersih, pencet Reset untuk menghapus target yang tersimpan."},{"question":"Apakah data saya aman?","answer":"Ya. Timestamp target dan preferensi suara hanya disimpan di localStorage browser. Tidak ada yang diunggah, jadi tool berfungsi sepenuhnya offline. Menghapus data browser akan menghapus target tersimpan."},{"question":"Preset cepat untuk apa?","answer":"1 jam untuk blok fokus, 1 hari untuk deadline besok, 7 hari untuk pengingat mingguan, 30 hari untuk target bulanan. Tiap preset tinggal set target ke (sekarang + durasi) — kamu bisa fine-tune dengan date/time picker setelahnya."}]},{"id":"094886a0-a857-4c72-ae85-2a96347241b9","slug":"stopwatch","name":"Stopwatch","name_id":"Stopwatch","icon":"⏱️","category":"productivity","meta_description":"Precision stopwatch with laps. Start, stop, lap, reset. Persistent best time. Works offline.","meta_description_id":"Stopwatch presisi dengan lap. Mulai, berhenti, lap, reset. Rekor tersimpan. Berfungsi offline.","long_description":"A precision stopwatch for everyday timing — workouts, study sprints, coffee, cooking. The big mm:ss.cs display updates 30 times a second for smooth digits, and the lap button captures split times without interrupting the run. Fastest and slowest laps are highlighted automatically so you can see your best split at a glance. Your personal best (the fastest single lap) is saved on this device and persists across reloads, so you can challenge yourself to beat it tomorrow. Reset clears the current run; Clear (in the laps card) wipes the saved lap list without stopping the timer. Everything runs locally — no data leaves your browser, and it works fully offline.","long_description_id":"Stopwatch presisi untuk timing sehari-hari — olahraga, sesi belajar, kopi, masak. Tampilan mm:ss.cs besar diperbarui 30 kali per detik untuk digit yang halus, dan tombol lap merekam split time tanpa mengganggu jalan stopwatch. Lap tercepat dan terlambat disorot otomatis sehingga split terbaik terlihat sekilas. Rekor pribadi (lap tunggal tercepat) tersimpan di perangkat ini dan persist setelah reload, jadi kamu bisa menantang diri sendiri untuk memecahkannya besok. Reset menghapus jalan saat ini; Clear (di kartu lap) menghapus daftar lap yang tersimpan tanpa menghentikan timer. Semua berjalan lokal — tidak ada data yang keluar dari browser, dan berfungsi sepenuhnya offline.","size":"18 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How accurate is the stopwatch?","answer":"Up to one centisecond (1/100 s). The display updates about 30 times a second so the digits tick smoothly, but the underlying precision is millisecond-level. The first time you start a session the browser may add a tiny warm-up delay (under 50 ms); after that the count is reliable."},{"question":"What does Lap do?","answer":"Lap records the current time as a split and shows both the total elapsed and the delta from the previous lap. The fastest and slowest laps are highlighted automatically so you can see your best split without scrolling."},{"question":"What is the Best time?","answer":"Best is the fastest single lap you have ever recorded in this browser (saved to localStorage). It is not affected by Reset — only by Clear or by a faster lap. Use it as a personal benchmark to beat across workouts or study sprints."},{"question":"Will it keep running if I close the tab?","answer":"The stopwatch itself pauses when the tab is closed (the browser suspends background timers). However, the elapsed time and laps are saved. The next time you open the page, the laps are still listed so you can review your run."},{"question":"What does Reset do?","answer":"Reset stops the current run and clears the elapsed time back to 00:00. Your saved laps are kept (use Clear to remove them). The Best time is not affected by Reset."}],"faq_id":[{"question":"Seberapa akurat stopwatch ini?","answer":"Hingga satu centisecond (1/100 detik). Tampilan diperbarui sekitar 30 kali per detik agar digit bergerak halus, tapi presisi dasarnya millisecond. Saat pertama kali memulai sesi, browser mungkin menambah delay kecil (di bawah 50 ms); setelah itu hitungan andal."},{"question":"Tombol Lap gunanya apa?","answer":"Lap merekam waktu saat ini sebagai split dan menampilkan total waktu berjalan serta delta dari lap sebelumnya. Lap tercepat dan terlambat disorot otomatis sehingga split terbaik terlihat tanpa scroll."},{"question":"Apa itu waktu Terbaik (Best)?","answer":"Best adalah lap tunggal tercepat yang pernah kamu catat di browser ini (disimpan di localStorage). Tidak terpengaruh oleh Reset — hanya oleh Clear atau lap yang lebih cepat. Pakai sebagai patokan pribadi untuk dipecahkan antar workout atau sesi belajar."},{"question":"Apakah tetap jalan kalau tab ditutup?","answer":"Stopwatch-nya sendiri berhenti saat tab ditutup (browser men-suspend timer background). Tapi waktu dan lap tersimpan. Saat kamu buka lagi halaman, lap masih ada di daftar untuk ditinjau."},{"question":"Reset itu ngapain?","answer":"Reset menghentikan jalan saat ini dan mengosongkan waktu ke 00:00. Lap yang tersimpan tetap ada (pakai Clear untuk menghapusnya). Waktu Best tidak terpengaruh oleh Reset."}]},{"id":"44a33c95-0cf7-4518-ba89-bb20734ce45d","slug":"bmi-kid","name":"BMI for Kids","name_id":"BMI Anak","icon":"👶","category":"health","meta_description":"WHO BMI-for-age z-score for kids 5–19. Color-coded category, parent guidance. Works offline.","meta_description_id":"z-score BMI-untuk-usia WHO untuk anak 5–19. Kategori berkode warna, panduan orang tua. Berfungsi offline.","long_description":"A BMI tool for kids and teens ages 5 to 19, built on the WHO Growth Reference 2007. Enter age in years and months, sex, height, and weight — the tool computes BMI, the WHO z-score (how far from the median a child of that age and sex sits), the percentile, and a color-coded category: underweight, healthy weight, overweight, or obese. Categories follow the WHO thresholds: thin below z = -2, healthy between -2 and +1, overweight between +1 and +2, obese above +2. A short parent-friendly guidance block is included for each category, with practical, non-restrictive advice (focus on habits, avoid dieting kids, involve the pediatrician). All math runs in the browser; the inputs are saved on your device for next time. Works fully offline.","long_description_id":"Tool BMI untuk anak dan remaja usia 5 sampai 19 tahun, dibangun di atas WHO Growth Reference 2007. Masukkan usia dalam tahun dan bulan, jenis kelamin, tinggi, dan berat — tool menghitung BMI, z-score WHO (seberapa jauh dari median anak usia dan jenis kelamin tersebut), persentil, dan kategori berkode warna: kurus, berat sehat, berat berlebih, atau obesitas. Kategori mengikuti ambang WHO: kurus di bawah z = -2, sehat antara -2 dan +1, berat berlebih antara +1 dan +2, obesitas di atas +2. Ada blok panduan singkat ramah orang tua untuk setiap kategori, dengan saran praktis dan non-restriktif (fokus pada kebiasaan, hindari mendiet anak, libatkan dokter anak). Semua kalkulasi berjalan di browser; input tersimpan di perangkat untuk下次. Berfungsi offline.","size":"25 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Why does a child need a different BMI tool?","answer":"Adult BMI uses the same thresholds for everyone (overweight at 25, obese at 30). Kids' bodies change as they grow, so the WHO uses BMI-for-age z-scores — how far a child is from the median BMI of other children the same age and sex. A 10-year-old and a 15-year-old with the same BMI can be in very different categories."},{"question":"What are the cutoffs?","answer":"WHO categories for 5–19 years: thin (z-score below -2), healthy weight (-2 to +1), overweight (+1 to +2), obese (above +2). These are international standards, not country-specific."},{"question":"How accurate is the z-score?","answer":"The tool uses the official WHO LMS parameters (L, M, S) for BMI-for-age by sex, sampled yearly from 5 to 19 years with linear interpolation between. For exact percentile readings, ask your pediatrician — they can plot BMI on a full WHO chart."},{"question":"Should I act on the result?","answer":"BMI is one signal among many. It does not measure body composition (muscle vs fat), puberty timing, or ethnicity differences. Use it as a starting point for a conversation with your pediatrician rather than a verdict."},{"question":"Is my child's data private?","answer":"Yes. Age, sex, height, and weight are saved only in this browser via localStorage. Nothing is uploaded, so the tool works fully offline."}],"faq_id":[{"question":"Kenapa anak butuh tool BMI yang berbeda?","answer":"BMI dewasa memakai ambang yang sama untuk semua orang (berlebih di 25, obesitas di 30). Tubuh anak berubah saat tumbuh, jadi WHO menggunakan z-score BMI-untuk-usia — seberapa jauh seorang anak dari median BMI anak lain yang se-usia dan se-jenis-kelamin. Anak usia 10 dan 15 tahun dengan BMI sama bisa masuk kategori sangat berbeda."},{"question":"Apa ambang batasnya?","answer":"Kategori WHO untuk 5–19 tahun: kurus (z-score di bawah -2), berat sehat (-2 sampai +1), berat berlebih (+1 sampai +2), obesitas (di atas +2). Ini standar internasional, bukan spesifik negara."},{"question":"Seberapa akurat z-score-nya?","answer":"Tool memakai parameter LMS resmi WHO (L, M, S) untuk BMI-untuk-usia berdasarkan jenis kelamin, diambil sampel per tahun dari 5 sampai 19 tahun dengan interpolasi linier di antaranya. Untuk bacaan persentil yang tepat, tanyakan dokter anak — mereka bisa memplot BMI di grafik WHO lengkap."},{"question":"Apakah saya harus bertindak atas hasilnya?","answer":"BMI adalah satu sinyal di antara banyak. Tidak mengukur komposisi tubuh (otot vs lemak), waktu pubertas, atau perbedaan etnis. Gunakan sebagai titik awal percakapan dengan dokter anak, bukan vonis."},{"question":"Apakah data anak saya aman?","answer":"Ya. Usia, jenis kelamin, tinggi, dan berat hanya disimpan di browser ini via localStorage. Tidak ada yang diunggah, jadi tool berfungsi sepenuhnya offline."}]},{"id":"2a862e7a-21b7-414b-9b07-12f9e08d5945","slug":"time-zone-converter","name":"Time Zone Converter","name_id":"Konverter Zona Waktu","icon":"🌍","category":"utilities","meta_description":"Convert meeting time between 50+ cities. Live clocks, DST aware, works offline.","meta_description_id":"Konversi waktu meeting antara 50+ kota. Jam langsung, aware DST, berfungsi offline.","long_description":"A simple time-zone converter for working across cities. Pick a source city and a target city, see both clocks ticking live, and the time difference with a one-tap swap to flip them. The \"meeting time\" picker lets you set a specific moment in the source zone and see what time that is in the target zone — useful for scheduling calls with overseas colleagues, family, or clients. Coverage spans 50+ cities across Asia, Europe, Africa, the Americas, and Oceania with full IANA timezones, so DST is handled automatically by the browser (the offset and a \"DST\" indicator update when the date crosses a DST boundary). Search the city field for fast filtering, or hit the swap button to reverse the comparison. Your city selections persist on this device. Works fully offline.","long_description_id":"Konverter zona waktu sederhana untuk bekerja lintas kota. Pilih kota sumber dan kota target, lihat kedua jam bergerak langsung, dan selisih waktu dengan satu tap untuk membalik. Pemilih \"waktu meeting\" memungkinkan mengatur momen tertentu di zona sumber dan melihat jam berapa itu di zona target — berguna untuk menjadwalkan panggilan dengan rekan, keluarga, atau klien luar negeri. Cakupan mencakup 50+ kota di Asia, Eropa, Afrika, Amerika, dan Oseania dengan zona waktu IANA lengkap, jadi DST ditangani otomatis oleh browser (offset dan indikator \"DST\" diperbarui saat tanggal melewati batas DST). Cari di kolom kota untuk filter cepat, atau tekan tombol swap untuk membalik perbandingan. Pilihan kota kamu persist di perangkat ini. Berfungsi offline.","size":"27 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How does DST work in this tool?","answer":"Daylight Saving Time is handled automatically by your browser's Intl.DateTimeFormat. The offset and a 'DST' indicator update when the picked date is in a DST window (e.g. London shows UTC+0 in January and UTC+1 BST in July). This is more reliable than hard-coded offsets because the tool automatically follows each country's current rules."},{"question":"Why is my city not in the list?","answer":"The list covers 50+ major cities across regions, prioritized for Southeast Asia, Europe, North America, and Oceania. If your city is not there, pick another city in the same time zone — they share the same offset and DST rules. Jakarta and Surabaya both use Asia/Jakarta and will always agree."},{"question":"How do I schedule a meeting across zones?","answer":"Pick the meeting host's zone in 'From' and the attendee's zone in 'To'. Type the meeting time in the From picker (in that zone's wall clock). The To side shows the equivalent time in the attendee's zone. Tap the swap button to flip the comparison if the host changes."},{"question":"What is the time difference based on?","answer":"The difference is calculated for the picked moment, not the current time. This matters around DST transitions: a meeting at 9 AM in Jakarta and 9 AM in London are 7 hours apart in January but only 6 hours apart in July (London is on BST). The tool updates correctly because it uses the actual UTC offset for that moment."},{"question":"Is my selection saved?","answer":"Yes. Your From and To cities (and a set meeting time, if any) are saved in localStorage. Reloading or coming back later restores them. Nothing is uploaded, so the tool works fully offline."}],"faq_id":[{"question":"Bagaimana DST bekerja di tool ini?","answer":"Daylight Saving Time ditangani otomatis oleh Intl.DateTimeFormat browser. Offset dan indikator 'DST' diperbarui saat tanggal yang dipilih berada di window DST (mis. London menunjukkan UTC+0 di Januari dan UTC+1 BST di Juli). Ini lebih andal dari offset hard-code karena tool otomatis mengikuti aturan terkini tiap negara."},{"question":"Kenapa kota saya tidak ada di daftar?","answer":"Daftar mencakup 50+ kota besar lintas kawasan, diprioritaskan untuk Asia Tenggara, Eropa, Amerika Utara, dan Oseania. Kalau kota kamu tidak ada, pilih kota lain di zona waktu yang sama — mereka berbagi offset dan aturan DST. Jakarta dan Surabaya keduanya pakai Asia/Jakarta dan selalu sepakat."},{"question":"Bagaimana cara menjadwalkan meeting lintas zona?","answer":"Pilih zona host meeting di 'Dari' dan zona peserta di 'Ke'. Ketik waktu meeting di picker Dari (dalam wall clock zona tersebut). Sisi Ke menampilkan waktu ekuivalen di zona peserta. Tap tombol swap untuk membalik perbandingan kalau host berubah."},{"question":"Selisih waktu dihitung dari apa?","answer":"Selisih dihitung untuk momen yang dipilih, bukan waktu saat ini. Ini penting di sekitar transisi DST: meeting jam 9 pagi di Jakarta dan 9 pagi di London berselisih 7 jam di Januari tapi hanya 6 jam di Juli (London pakai BST). Tool memperbarui dengan benar karena memakai offset UTC aktual untuk momen tersebut."},{"question":"Apakah pilihan saya disimpan?","answer":"Ya. Kota Dari dan Ke (dan waktu meeting yang diatur, kalau ada) disimpan di localStorage. Memuat ulang atau kembali lagi akan mengembalikannya. Tidak ada yang diunggah, jadi tool berfungsi offline."}]},{"id":"b2f4c8e1-7a3d-4e5f-9b1c-6d8e2f0a4b7c","slug":"prd-maker","name":"PRD Maker","name_id":"Pembuat PRD","icon":"📋","category":"productivity","meta_description":"Create professional Product Requirements Documents interactively. Pre-built templates, live preview, export as Markdown or JSON. Works offline.","meta_description_id":"Buat dokumen PRD profesional secara interaktif. Template siap pakai, pratinjau langsung, ekspor sebagai Markdown atau JSON. Berfungsi offline.","long_description":"An interactive PRD (Product Requirements Document) builder that guides you through every section a product doc needs. Choose from three pre-built templates — Feature PRD, Full Product PRD, or Technical Spec — to get sensible defaults, then fill in product name, problem statement, target users, goals, key features (add/remove dynamically), success metrics, timeline, constraints, and stakeholders. The preview tab renders a formatted document in real time. Export your finished PRD as a Markdown file for sharing in Notion, Confluence, or GitHub, or as JSON for programmatic use. Drafts auto-save to localStorage so you can pick up where you left off. Supports English and Indonesian based on your browser locale. Works fully offline.","long_description_id":"Pembuat PRD (Product Requirements Document) interaktif yang memandu kamu mengisi setiap section yang dibutuhkan dokumen produk. Pilih dari tiga template siap pakai — PRD Fitur, PRD Produk Penuh, atau Spesifikasi Teknis — untuk mendapat default yang masuk akal, lalu isi nama produk, pernyataan masalah, target pengguna, tujuan, fitur utama (tambah/hapus dinamis), metrik keberhasilan, timeline, batasan, dan stakeholder. Tab pratinjau merender dokumen yang diformat secara real-time. Ekspor PRD yang sudah jadi sebagai file Markdown untuk dibagikan di Notion, Confluence, atau GitHub, atau sebagai JSON untuk penggunaan programatik. Draft otomatis tersimpan di localStorage sehingga kamu bisa melanjutkan kapan saja. Mendukung bahasa Inggris dan Indonesia berdasarkan locale browser. Berfungsi sepenuhnya offline.","size":"14 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is a PRD?","answer":"A Product Requirements Document defines what a product or feature should do, who it is for, and how success is measured. It aligns engineering, design, and business stakeholders before development begins."},{"question":"Which template should I pick?","answer":"Feature PRD is best for a single feature in an existing product. Full Product PRD suits new products from scratch. Technical Spec focuses on architecture and engineering decisions. Start with the closest match and customize."},{"question":"Where is my data stored?","answer":"Only in your browser localStorage. Drafts and auto-save data never leave your device. Export to Markdown or JSON to back up or share your PRD."},{"question":"Can I use it offline?","answer":"Yes. After the first load, everything runs locally — editing, preview, export, and draft management all work without internet."},{"question":"What formats can I export to?","answer":"Markdown (.md) for documentation platforms (Notion, Confluence, GitHub) and JSON (.json) for programmatic use or integration with other tools."}],"faq_id":[{"question":"Apa itu PRD?","answer":"PRD (Product Requirements Document) mendefinisikan apa yang harus dilakukan sebuah produk atau fitur, untuk siapa, dan bagaimana keberhasilan diukur. Menyelaraskan engineering, design, dan stakeholder bisnis sebelum development dimulai."},{"question":"Template mana yang harus dipilih?","answer":"PRD Fitur cocok untuk satu fitur di produk yang sudah ada. PRD Produk Penuh untuk produk baru dari awal. Spesifikasi Teknis fokus pada arsitektur dan keputusan engineering. Pilih yang paling dekat lalu sesuaikan."},{"question":"Datanya disimpan di mana?","answer":"Cuma di localStorage browser kamu. Draft dan auto-save tidak pernah keluar dari perangkat. Ekspor ke Markdown atau JSON untuk backup atau berbagi PRD."},{"question":"Bisa dipakai offline?","answer":"Bisa. Setelah muat pertama, semuanya jalan lokal — edit, pratinjau, ekspor, dan manajemen draft semua tanpa internet."},{"question":"Format ekspor apa saja yang tersedia?","answer":"Markdown (.md) untuk platform dokumentasi (Notion, Confluence, GitHub) dan JSON (.json) untuk penggunaan programatik atau integrasi dengan tool lain."}]},{"id":"0517f887-8b7c-471f-beaf-9e57a7a3c60c","slug":"sop-maker","name":"SOP Maker","name_id":"Pembuat SOP","icon":"📋","category":"productivity","meta_description":"Create professional Standard Operating Procedures interactively. Live preview, export as Markdown, JSON, or PDF. Works offline.","meta_description_id":"Buat Standard Operating Procedure profesional secara interaktif. Pratinjau langsung, ekspor sebagai Markdown, JSON, atau PDF. Berfungsi offline.","long_description":"An interactive SOP (Standard Operating Procedure) builder that walks you through every section a procedure needs: title, department, document ID, version, effective date, purpose, scope, numbered procedure steps, responsibilities, and references. Type your content in the editor, hit Generate, and see a clean formatted preview. Add or remove procedure steps as you go. Export the finished SOP as Markdown (.md) for documentation, JSON for programmatic use, or PDF via the browser print dialog. Drafts auto-save to localStorage so you can pick up where you left off. Supports English and Indonesian based on your browser locale. Works fully offline.","long_description_id":"Pembuat SOP (Standard Operating Procedure) interaktif yang memandu kamu mengisi setiap section yang dibutuhkan prosedur: judul, departemen, ID dokumen, versi, tanggal efektif, tujuan, ruang lingkup, langkah prosedur bernomor, tanggung jawab, dan referensi. Ketik konten di editor, klik Buat, dan lihat pratinjau terformat yang rapi. Tambah atau hapus langkah prosedur sesuai kebutuhan. Ekspor SOP yang sudah jadi sebagai Markdown (.md) untuk dokumentasi, JSON untuk penggunaan programatik, atau PDF melalui dialog cetak browser. Draft otomatis tersimpan di localStorage sehingga kamu bisa melanjutkan kapan saja. Mendukung bahasa Inggris dan Indonesia berdasarkan locale browser. Berfungsi sepenuhnya offline.","size":"36 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is an SOP?","answer":"A Standard Operating Procedure is a step-by-step document that explains how to perform a routine task in your organization. It reduces mistakes, speeds up training, and makes work consistent across teams."},{"question":"How is this different from a PRD?","answer":"PRDs (Product Requirements Documents) describe what to build and why. SOPs describe how to perform an existing process repeatedly. Use SOPs for operations, support, HR, and any recurring internal workflow."},{"question":"How do I export to PDF?","answer":"On the Preview tab, tap Export PDF. The browser print dialog opens with your formatted SOP — choose \"Save as PDF\" as the destination. The output is print-optimized with no extra chrome."},{"question":"Can I add more procedure steps later?","answer":"Yes. The \"Add Step\" button on the editor appends a new step at the bottom. Remove steps with the X button on the right. The numbering auto-updates in the preview."},{"question":"Where are drafts saved?","answer":"Drafts are stored only in your browser localStorage. They never leave your device. Use the Drafts tab to load, rename (via Save Draft again), or delete saved versions."}],"faq_id":[{"question":"Apa itu SOP?","answer":"Standard Operating Procedure adalah dokumen langkah-demi-langkah yang menjelaskan cara melakukan tugas rutin di organisasi kamu. SOP mengurangi kesalahan, mempercepat training, dan membuat kerja konsisten antar tim."},{"question":"Apa bedanya dengan PRD?","answer":"PRD (Product Requirements Document) mendeskripsikan apa yang akan dibuat dan kenapa. SOP menjelaskan cara melakukan proses yang sudah ada secara berulang. Pakai SOP untuk operasional, support, HR, dan workflow internal berulang lainnya."},{"question":"Bagaimana cara ekspor ke PDF?","answer":"Di tab Pratinjau, tap Export PDF. Dialog cetak browser akan terbuka dengan SOP terformat — pilih \"Save as PDF\" sebagai tujuan. Output dioptimasi untuk cetak tanpa chrome tambahan."},{"question":"Bisa tambah langkah prosedur nanti?","answer":"Bisa. Tombol \"Tambah Langkah\" di editor akan menambah langkah baru di bawah. Hapus langkah dengan tombol X di kanan. Penomoran otomatis terupdate di pratinjau."},{"question":"Di mana draft tersimpan?","answer":"Draft hanya disimpan di localStorage browser kamu. Tidak pernah keluar dari perangkat. Pakai tab Draft untuk memuat, mengubah nama (lewat Simpan Draft lagi), atau menghapus versi tersimpan."}]},{"id":"341fd11d-08df-4b53-ad64-4ae155c246ab","slug":"swot-analysis","name":"SWOT Analysis","name_id":"Analisis SWOT","icon":"🔲","category":"productivity","meta_description":"Build a 4-quadrant SWOT analysis (Strengths, Weaknesses, Opportunities, Threats). Add items, live matrix, export to Markdown or JSON. Print-friendly. Works offline.","meta_description_id":"Bangun analisis SWOT 4 kuadran (Kekuatan, Kelemahan, Peluang, Ancaman). Tambah item, matriks langsung, ekspor ke Markdown atau JSON. Ramai cetak. Berfungsi offline.","long_description":"A focused SWOT (Strengths, Weaknesses, Opportunities, Threats) analysis tool. Enter the subject, optional author, and one item per line in each of the four color-coded quadrants. The matrix updates live as you type, with item counts shown below each cell. Strengths and Opportunities are framed as positives; Weaknesses and Threats as negatives. Export the result as a Markdown table (or detailed per-quadrant list) or as structured JSON for downstream tools. The print stylesheet hides controls and renders the matrix cleanly on paper. Works fully offline — your data stays in the browser.","long_description_id":"Tool analisis SWOT (Kekuatan, Kelemahan, Peluang, Ancaman) yang terfokus. Masukkan subjek, penulis opsional, dan satu item per baris di masing-masing empat kuadran berkode warna. Matriks terupdate langsung saat kamu mengetik, dengan jumlah item ditampilkan di bawah tiap sel. Kekuatan dan Peluang dibingkai sebagai positif; Kelemahan dan Ancaman sebagai negatif. Ekspor hasil sebagai tabel Markdown (atau daftar detail per kuadran) atau sebagai JSON terstruktur untuk tool hilir. Stylesheet cetak menyembunyikan kontrol dan merender matriks dengan rapi di kertas. Berfungsi sepenuhnya offline — data kamu tetap di browser.","size":"26 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is SWOT used for?","answer":"SWOT is a strategic planning framework. Strengths and Weaknesses are internal factors (things you control); Opportunities and Threats are external (market, competition, regulation). The four-quadrant view makes it easy to see where you can lean in (S+O) and where you need to defend (W+T)."},{"question":"How do I use the matrix?","answer":"Type one item per line inside each of the four colored cells. The matrix counts items per quadrant. When you print or export, you get a clean layout with the four quadrants plus an itemized list below."},{"question":"Is it print-friendly?","answer":"Yes. The print stylesheet hides the controls, color-codes the quadrants with thicker borders, and fits the matrix on a single page. Tap Print / Save PDF in the editor."},{"question":"Can I save my work?","answer":"Everything is saved automatically in your browser localStorage on every keystroke. Reloading the page restores your analysis. Export to Markdown or JSON if you want to back it up or share it."}],"faq_id":[{"question":"SWOT dipakai untuk apa?","answer":"SWOT adalah framework strategic planning. Kekuatan dan Kelemahan adalah faktor internal (hal yang kamu kontrol); Peluang dan Ancaman adalah eksternal (pasar, kompetisi, regulasi). Tampilan empat kuadran memudahkan melihat di mana kamu bisa masuk (S+O) dan di mana perlu bertahan (W+T)."},{"question":"Bagaimana cara pakai matriksnya?","answer":"Ketik satu item per baris di masing-masing empat sel berwarna. Matriks menghitung item per kuadran. Saat cetak atau ekspor, kamu dapat layout rapi dengan empat kuadran plus daftar itemized di bawahnya."},{"question":"Apakah ramah cetak?","answer":"Ya. Stylesheet cetak menyembunyikan kontrol, memberi kode warna pada kuadran dengan border yang lebih tebal, dan memuat matriks dalam satu halaman. Tap Cetak / Simpan PDF di editor."},{"question":"Bisa simpan pekerjaan?","answer":"Semuanya otomatis tersimpan di localStorage browser pada setiap ketukan tombol. Memuat ulang halaman akan memulihkan analisis kamu. Ekspor ke Markdown atau JSON kalau ingin backup atau berbagi."}]},{"id":"37339003-f4cd-4f44-9445-884150d9fd39","slug":"user-story-map","name":"User Story Map","name_id":"Peta User Story","icon":"🗺️","category":"productivity","meta_description":"Map user journeys with activities, tasks, and stories. Organize product discovery visually. Save and load templates. Export to Markdown or JSON. Works offline.","meta_description_id":"Peta perjalanan pengguna dengan aktivitas, task, dan story. Atur product discovery secara visual. Simpan dan muat template. Ekspor ke Markdown atau JSON. Berfungsi offline.","long_description":"A User Story Mapping tool for product discovery. Build the map as columns of Activities (the big steps a user takes), each containing Tasks (sub-steps), each containing User Stories (the small things a user wants to do). The board is fully editable: add or remove activities, tasks, and stories on the fly. The map scrolls horizontally so it stays usable on small screens. Save frequently-used maps as named templates and load them later to bootstrap a new discovery session. Export the current map to a structured Markdown document (good for sharing in Notion, Confluence, or GitHub) or to JSON for tooling. Everything is local — no signup, no server. Works fully offline.","long_description_id":"Tool User Story Mapping untuk product discovery. Bangun peta sebagai kolom Aktivitas (langkah besar yang diambil pengguna), masing-masing berisi Task (sub-langkah), masing-masing berisi User Story (hal-hal kecil yang ingin dilakukan pengguna). Board sepenuhnya bisa diedit: tambah atau hapus aktivitas, task, dan story secara langsung. Peta scroll horizontal supaya tetap usable di layar kecil. Simpan peta yang sering dipakai sebagai template bernama dan muat nanti untuk bootstrap sesi discovery baru. Ekspor peta saat ini ke dokumen Markdown terstruktur (bagus untuk dibagikan di Notion, Confluence, atau GitHub) atau ke JSON untuk tooling. Semuanya lokal — tanpa daftar, tanpa server. Berfungsi sepenuhnya offline.","size":"28 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is a user story map?","answer":"A user story map is a 2D layout that organizes user stories by the user's journey. The horizontal axis is the order of activities (the big steps a user takes), the vertical axis breaks each activity into tasks and then into small, testable user stories. It's the standard way to do story mapping workshops in agile product discovery."},{"question":"How do I structure activities, tasks, and stories?","answer":"Activities are the highest level — think \"Sign up\", \"Browse\", \"Purchase\". Each activity holds a list of Tasks, like \"Enter email\", \"Verify OTP\". Each Task holds User Stories written as \"As a [user], I want [goal] so that [benefit]\". The order across activities is the user's journey."},{"question":"Can I save a map as a template?","answer":"Yes. Tap Save Template, give it a name, and the current map (including the title, persona, and goal) is stored locally. Tap Load Template, pick one, and it replaces the current map. Templates persist across sessions on the same device."},{"question":"How do I export?","answer":"Use Export .md for a structured Markdown document with one section per activity and a sub-list per task — perfect for Notion, Confluence, or GitHub. Use Export .json for a structured JSON payload you can pipe into other tools."}],"faq_id":[{"question":"Apa itu user story map?","answer":"User story map adalah layout 2D yang mengatur user story berdasarkan perjalanan pengguna. Sumbu horizontal adalah urutan aktivitas (langkah besar yang diambil pengguna), sumbu vertikal memecah setiap aktivitas menjadi task dan kemudian menjadi user story kecil yang bisa diuji. Ini cara standar melakukan workshop story mapping dalam agile product discovery."},{"question":"Bagaimana cara menstrukturkan aktivitas, task, dan story?","answer":"Aktivitas adalah level tertinggi — pikirkan \"Daftar\", \"Jelajahi\", \"Beli\". Setiap aktivitas berisi daftar Task, seperti \"Masukkan email\", \"Verifikasi OTP\". Setiap Task berisi User Story yang ditulis sebagai \"Sebagai [pengguna], saya ingin [tujuan] agar [manfaat]\". Urutan antar aktivitas adalah perjalanan pengguna."},{"question":"Bisa simpan peta sebagai template?","answer":"Bisa. Tap Simpan Template, beri nama, dan peta saat ini (termasuk judul, persona, dan tujuan) tersimpan secara lokal. Tap Muat Template, pilih satu, dan itu menggantikan peta saat ini. Template persist antar sesi di perangkat yang sama."},{"question":"Bagaimana cara mengekspor?","answer":"Pakai Export .md untuk dokumen Markdown terstruktur dengan satu section per aktivitas dan sub-list per task — sempurna untuk Notion, Confluence, atau GitHub. Pakai Export .json untuk payload JSON terstruktur yang bisa di-pipe ke tool lain."}]},{"id":"da6231e3-609f-4c8e-8376-ac3754d62468","slug":"regex-tester","name":"Regex Tester","name_id":"Regex Tester","icon":"🔍","category":"utilities","meta_description":"Test JavaScript regular expressions interactively. Highlight matches, view capture groups, copy results, common regex cheat sheet sidebar. Works offline.","meta_description_id":"Tes regular expression JavaScript secara interaktif. Highlight hasil cocok, lihat capture group, salin hasil, cheat sheet regex umum di sidebar. Berfungsi offline.","long_description":"A JavaScript regex playground for the browser. Type a pattern, toggle the six standard flags (g, i, m, s, u, y), and paste your test string. Matches are highlighted in place; the match list shows the matched text and its start index; the capture group panel shows both numbered ($1, $2…) and named (?…) groups for the first match. A clickable cheat sheet in the sidebar covers characters, quantifiers, anchors, character classes, and groups — tap any token to append it to your pattern. Errors in the pattern are reported inline. Copy all matches to the clipboard with one tap. Auto-saves your last pattern, flags, and test string. Works fully offline.","long_description_id":"Playground regex JavaScript untuk browser. Ketik pattern, toggle enam flag standar (g, i, m, s, u, y), dan tempel string tes kamu. Hasil cocok di-highlight di tempat; daftar hasil cocok menampilkan teks yang cocok dan index mulainya; panel capture group menampilkan keduanya yang bernomor ($1, $2…) dan bernama (?…) untuk hasil cocok pertama. Cheat sheet yang bisa diklik di sidebar mencakup karakter, quantifier, anchor, character class, dan group — tap token apapun untuk menambahkannya ke pattern kamu. Error di pattern dilaporkan inline. Salin semua hasil cocok ke clipboard dengan satu tap. Auto-simpan pattern, flag, dan string tes terakhir kamu. Berfungsi sepenuhnya offline.","size":"27 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Which regex flavor does this use?","answer":"JavaScript ECMAScript regex — the same engine Chrome, Node, Deno, and Bun use. Patterns from Python, PCRE, or .NET may not behave identically (lookbehinds and named groups have different rules)."},{"question":"What does each flag do?","answer":"g — find all matches, not just the first. i — case-insensitive. m — ^ and $ match line breaks. s — dot (.) matches newlines. u — Unicode-aware mode. y — sticky, matches only at lastIndex."},{"question":"Why is the highlight empty even though my regex looks right?","answer":"The g flag must be ON for multiple matches. Without it, only the first match is highlighted. The match list and capture groups also reflect the g-flag behavior."},{"question":"How are capture groups shown?","answer":"The capture groups panel shows the first match's groups. Numbered groups appear as $1, $2, $3; named groups appear as their name. Undefined or non-matching groups show as ∅."},{"question":"Is my pattern sent anywhere?","answer":"No. Patterns, flags, and test strings never leave your browser. Everything runs locally via the JavaScript RegExp constructor. Auto-save stores the last input in localStorage for your convenience."}],"faq_id":[{"question":"Regex flavor apa yang dipakai?","answer":"Regex JavaScript ECMAScript — engine yang sama dengan Chrome, Node, Deno, dan Bun. Pattern dari Python, PCRE, atau .NET mungkin tidak berperilaku identik (lookbehind dan named group punya aturan berbeda)."},{"question":"Tiap flag ngapain?","answer":"g — cari semua hasil cocok, bukan cuma yang pertama. i — case-insensitive. m — ^ dan $ cocok dengan line break. s — dot (.) cocok dengan newline. u — mode Unicode-aware. y — sticky, hanya cocok di lastIndex."},{"question":"Kenapa highlight kosong padahal regex saya sepertinya benar?","answer":"Flag g harus ON untuk banyak hasil cocok. Tanpa itu, cuma hasil cocok pertama yang di-highlight. Daftar hasil cocok dan capture group juga mengikuti perilaku flag g."},{"question":"Bagaimana capture group ditampilkan?","answer":"Panel capture group menampilkan group dari hasil cocok pertama. Group bernomor muncul sebagai $1, $2, $3; group bernama muncul dengan namanya. Group undefined atau yang tidak cocok muncul sebagai ∅."},{"question":"Apakah pattern saya dikirim ke mana-mana?","answer":"Tidak. Pattern, flag, dan string tes tidak pernah keluar dari browser kamu. Semuanya berjalan lokal via constructor RegExp JavaScript. Auto-simpan menyimpan input terakhir di localStorage untuk kenyamanan kamu."}]},{"id":"4e1ce28e-e191-4fe0-9a6e-5de35fdbbb72","slug":"markdown-table-gen","name":"Markdown Table Generator","name_id":"Generator Tabel Markdown","icon":"📊","category":"productivity","meta_description":"Build markdown tables interactively. Set rows and columns, fill cells, see live preview as both markdown and rendered HTML. Copy and export. Works offline.","meta_description_id":"Bangun tabel markdown secara interaktif. Atur baris dan kolom, isi sel, lihat pratinjau langsung sebagai markdown dan HTML yang dirender. Salin dan ekspor. Berfungsi offline.","long_description":"A focused markdown table editor. Pick a column count and a row count, choose whether to include a header row, and the editable grid appears. Type into any cell; the live preview pane shows both the raw markdown syntax and a rendered HTML table. Set per-column alignment (left, center, right) — the alignment indicators (:---, :---:, ---:) appear in the markdown separator row. Add or remove columns and rows on the fly with the + buttons. Copy the markdown source, the rendered HTML, or download the .md file. Useful for README files, blog posts, Notion tables, GitHub issues, and anywhere markdown tables are accepted. Works fully offline.","long_description_id":"Editor tabel markdown yang terfokus. Pilih jumlah kolom dan jumlah baris, pilih apakah akan menyertakan baris header, dan grid yang bisa diedit akan muncul. Ketik di sel manapun; panel pratinjau langsung menampilkan baik sintaks markdown mentah maupun tabel HTML yang dirender. Atur perataan per kolom (kiri, tengah, kanan) — indikator perataan (:---, :---:, ---:) muncul di baris separator markdown. Tambah atau hapus kolom dan baris secara langsung dengan tombol +. Salin sumber markdown, HTML yang dirender, atau unduh file .md. Berguna untuk file README, post blog, tabel Notion, issue GitHub, dan di mana saja tabel markdown diterima. Berfungsi sepenuhnya offline.","size":"30 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Where do the alignment indicators go?","answer":"The alignment indicators (:---, :---:, ---:) appear in the separator row — the second line of a markdown table. Tap L, C, or R under \"Column Alignment\" to switch a column between left, center, and right. The change appears in both the markdown source and the rendered HTML."},{"question":"Can I add rows and columns later?","answer":"Yes. Tap the + Row or + Col cell at the end of the table to append. You can also use the + / − buttons next to the rows and columns inputs to resize the whole grid. To remove a specific row or column, hover the row number or column header and tap the X that appears."},{"question":"How do I escape a pipe character in a cell?","answer":"Prefix it with a backslash: |. Markdown treats a literal pipe as a column separator, so the backslash is what tells the renderer to keep it as text. The Markdown output here does this for you automatically."},{"question":"What is the difference between Markdown and HTML output?","answer":"Markdown is the plain-text source (what you put in a README, a blog post, or an issue). HTML output is the rendered table that you can paste directly into a webpage or an HTML email. Both are produced from the same data — toggle the tabs above the output box to copy whichever you need."}],"faq_id":[{"question":"Di mana indikator perataan diletakkan?","answer":"Indikator perataan (:---, :---:, ---:) muncul di baris separator — baris kedua dari tabel markdown. Tap L, C, atau R di bawah \"Perataan Kolom\" untuk mengganti kolom antara kiri, tengah, dan kanan. Perubahan muncul di sumber markdown maupun HTML yang dirender."},{"question":"Bisa tambah baris dan kolom nanti?","answer":"Bisa. Tap sel + Baris atau + Kolom di ujung tabel untuk menambah. Kamu juga bisa pakai tombol + / − di sebelah input baris dan kolom untuk mengubah ukuran grid keseluruhan. Untuk menghapus baris atau kolom tertentu, hover nomor baris atau header kolom dan tap X yang muncul."},{"question":"Bagaimana escape karakter pipe di sel?","answer":"Tambahkan backslash di depannya: |. Markdown memperlakukan pipe literal sebagai pemisah kolom, jadi backslash yang memberi tahu renderer untuk mempertahankannya sebagai teks. Output Markdown di sini melakukannya otomatis."},{"question":"Apa bedanya output Markdown dan HTML?","answer":"Markdown adalah sumber plain-text (yang kamu taruh di README, post blog, atau issue). Output HTML adalah tabel yang sudah dirender yang bisa kamu paste langsung ke webpage atau email HTML. Keduanya dihasilkan dari data yang sama — toggle tab di atas box output untuk menyalin yang kamu butuhkan."}]},{"id":"df60548f-218b-4b2b-8ba9-e0e514ee97b8","slug":"contrast-checker","name":"Contrast Checker","name_id":"Pemeriksa Kontras","icon":"🎨","category":"design","meta_description":"WCAG color contrast checker. Pick text and background colors, see live preview, contrast ratio, and AA/AAA pass/fail for normal and large text. Works offline.","meta_description_id":"Pemeriksa kontras warna WCAG. Pilih warna teks dan background, lihat pratinjau langsung, rasio kontras, dan lulus/gagal AA/AAA untuk teks normal dan besar. Berfungsi offline.","long_description":"A WCAG 2.1 contrast checker for designers and developers. Pick a foreground (text) and background color — via the swatch picker or by typing a hex value — and the tool computes the contrast ratio between them in real time. A live preview pane shows heading, body, large text, small text, link, and button styles rendered in your chosen colors, so you can judge the result visually, not just numerically. The ratings grid shows pass/fail for Normal Text AA (4.5:1), Large Text AA (3:1), Normal Text AAA (7:1), Large Text AAA (4.5:1), UI Components (3:1), and Graphical Objects (3:1). A suggestion bar offers the best-contrast grays against your background, one tap to apply. The hex swap button instantly flips foreground and background. Works fully offline.","long_description_id":"Pemeriksa kontras WCAG 2.1 untuk desainer dan developer. Pilih foreground (teks) dan background — lewat picker swatch atau dengan mengetik nilai hex — dan tool menghitung rasio kontras antara keduanya secara real time. Panel pratinjau langsung menampilkan heading, body, teks besar, teks kecil, link, dan gaya button yang dirender dengan warna pilihan kamu, sehingga kamu bisa menilai hasilnya secara visual, bukan hanya numerik. Grid rating menampilkan lulus/gagal untuk Teks Normal AA (4.5:1), Teks Besar AA (3:1), Teks Normal AAA (7:1), Teks Besar AAA (4.5:1), Komponen UI (3:1), dan Objek Grafis (3:1). Bar saran menawarkan warna abu-abu dengan kontras terbaik pada background kamu, satu tap untuk menerapkan. Tombol swap hex langsung membalik foreground dan background. Berfungsi sepenuhnya offline.","size":"26 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is WCAG contrast?","answer":"WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios between text and its background. The ratio is computed from relative luminance, not just lightness. AA requires 4.5:1 for normal text and 3:1 for large text; AAA tightens those to 7:1 and 4.5:1 respectively."},{"question":"How is the ratio calculated?","answer":"Each color is converted to its relative luminance using the sRGB transfer function, then the ratio is (L1 + 0.05) / (L2 + 0.05) where L1 is the brighter. The result is a number from 1 (no contrast) to 21 (pure black on pure white)."},{"question":"What counts as \"large text\"?","answer":"Per WCAG 2.1, large text is at least 18pt regular (24px) or 14pt bold (≈18.7px). Large text gets a lower contrast threshold (3:1) because the eye reads it more easily than small body copy."},{"question":"What about non-text contrast?","answer":"Beyond text, WCAG 2.1 SC 1.4.11 requires a 3:1 contrast for UI components and graphical objects (icons, form field borders, charts). The ratings grid shows a dedicated 3:1 entry for these."},{"question":"How are the suggestions chosen?","answer":"The suggestion bar shows 6 grayscale shades (#000 through #FFF), each scored against your background. The highest-contrast ones appear first. Tap any to make it the foreground."}],"faq_id":[{"question":"Apa itu kontras WCAG?","answer":"WCAG (Web Content Accessibility Guidelines) mendefinisikan rasio kontras minimum antara teks dan background-nya. Rasio dihitung dari luminance relatif, bukan hanya lightness. AA butuh 4.5:1 untuk teks normal dan 3:1 untuk teks besar; AAA memperketat itu menjadi 7:1 dan 4.5:1."},{"question":"Bagaimana rasio dihitung?","answer":"Tiap warna dikonversi ke luminance relatifnya menggunakan fungsi transfer sRGB, lalu rasionya adalah (L1 + 0.05) / (L2 + 0.05) di mana L1 adalah yang lebih terang. Hasilnya adalah angka dari 1 (tanpa kontras) sampai 21 (hitam murni di putih murni)."},{"question":"Apa yang dianggap \"teks besar\"?","answer":"Per WCAG 2.1, teks besar adalah minimal 18pt regular (24px) atau 14pt bold (≈18.7px). Teks besar mendapat ambang kontras lebih rendah (3:1) karena mata membacanya lebih mudah dari body copy kecil."},{"question":"Bagaimana dengan kontras non-teks?","answer":"Di luar teks, WCAG 2.1 SC 1.4.11 membutuhkan kontras 3:1 untuk komponen UI dan objek grafis (ikon, border field form, chart). Grid rating menampilkan entri 3:1 khusus untuk ini."},{"question":"Bagaimana saran dipilih?","answer":"Bar saran menampilkan 6 shade abu-abu (#000 sampai #FFF), masing-masing diskor pada background kamu. Yang kontrasnya paling tinggi muncul duluan. Tap salah satu untuk menjadikannya foreground."}]},{"id":"okr-tracker-uuid-0001","slug":"okr-tracker","name":"OKR Tracker","name_id":"OKR Tracker","icon":"🎯","category":"productivity","meta_description":"Track objectives and key results. Each objective has 3-5 KRs with 0-100% progress. Show overall %, status badge. Export MD/JSON.","meta_description_id":"Lacak objective dan key result. Setiap objective punya 3-5 KR dengan progres 0-100%. Tampilkan % total, badge status. Ekspor MD/JSON.","long_description":"A simple OKR (Objectives & Key Results) tracker. Add objectives, give each one 3-5 measurable key results, and set a progress percentage (0-100%) for every KR. The header shows an overall progress ring with a status badge (On Track at 70%+, At Risk at 40%+, Off Track below). Each objective card shows a per-objective progress bar and the average of its KRs. Everything saves to your browser automatically. Export the whole set as Markdown (for sharing) or JSON (for backup). Works fully offline.","long_description_id":"OKR (Objectives & Key Results) tracker yang simpel. Tambah objective, beri masing-masing 3-5 key result yang terukur, dan atur persentase progres (0-100%) untuk tiap KR. Header menampilkan ring progres total dengan badge status (On Track di 70%+, At Risk di 40%+, Off Track di bawahnya). Setiap kartu objective menampilkan progress bar per-objective dan rata-rata KR-nya. Semuanya otomatis tersimpan di browser. Ekspor seluruh set sebagai Markdown (untuk dibagikan) atau JSON (untuk backup). Bisa offline.","size":"14 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is OKR?","answer":"OKR (Objectives and Key Results) is a goal-setting framework where each Objective is a qualitative goal and Key Results are 3-5 measurable outcomes that show progress toward it. A 70% completion rate on KRs is usually considered \"On Track\" — perfect 100% every quarter can mean the goals were set too conservatively."},{"question":"How is the overall percentage calculated?","answer":"It is the simple average of every KR across every objective. So an objective with 4 KRs counts four times more than an objective with 1 KR. If you want weighted averages, weight by hand on the KR text and let the math stay simple."},{"question":"What does each status badge mean?","answer":"On Track = 70% or higher (green), At Risk = 40-69% (amber), Off Track = below 40% (red). The thresholds are common OKR guidance; adjust them mentally to match your team culture."},{"question":"Where is my data stored?","answer":"Only in your browser localStorage. Nothing is sent anywhere. Use Export JSON for backup and Import to restore on another device."}],"faq_id":[{"question":"Apa itu OKR?","answer":"OKR (Objectives and Key Results) adalah framework penetapan tujuan di mana tiap Objective adalah tujuan kualitatif dan Key Result adalah 3-5 hasil terukur yang menunjukkan progres ke arah itu. Tingkat penyelesaian 70% pada KR biasanya dianggap \"On Track\" — 100% sempurna tiap quarter bisa berarti tujuan terlalu konservatif."},{"question":"Bagaimana persentase total dihitung?","answer":"Rata-rata sederhana dari setiap KR di semua objective. Jadi objective dengan 4 KR dihitung empat kali lebih besar dari objective dengan 1 KR. Kalau mau rata-rata tertimbang, boboti manual di teks KR dan biarkan matematikanya simpel."},{"question":"Apa arti tiap badge status?","answer":"On Track = 70% atau lebih (hijau), At Risk = 40-69% (kuning), Off Track = di bawah 40% (merah). Ambang ini adalah panduan OKR umum; sesuaikan dengan kultur tim kamu."},{"question":"Di mana data saya disimpan?","answer":"Hanya di localStorage browser. Tidak ada yang dikirim ke mana pun. Pakai Export JSON untuk backup dan Import untuk restore di device lain."}]},{"id":"jwt-decoder-uuid-0001","slug":"jwt-decoder","name":"JWT Decoder","name_id":"JWT Decoder","icon":"🔐","category":"developer","meta_description":"Decode JWT (HS256, RS256, etc). Parse header, payload, signature, expiration timer, standard claims. 100% offline.","meta_description_id":"Decode JWT (HS256, RS256, dll). Parse header, payload, signature, timer kedaluwarsa, claim standar. 100% offline.","long_description":"Decode JSON Web Tokens without sending them anywhere. Paste any JWT and see the three parts — Header (algorithm, type, key ID), Payload (all claims with descriptions of the standard ones like iss, sub, aud, exp, nbf, iat, jti), and Signature (the raw base64url). The expiration claim is highlighted with a colored dot — green if still valid for an hour or more, amber if expiring soon, red if already expired. Each section has a Copy button to copy the parsed JSON. Fully offline — tokens never leave your browser.","long_description_id":"Decode JSON Web Token tanpa mengirimnya ke mana pun. Tempel JWT apa pun dan lihat tiga bagian — Header (algoritma, tipe, key ID), Payload (semua claim dengan deskripsi standar seperti iss, sub, aud, exp, nbf, iat, jti), dan Signature (base64url mentah). Claim kedaluwarsa ditandai dengan dot berwarna — hijau jika masih berlaku satu jam atau lebih, kuning jika hampir kedaluwarsa, merah jika sudah kedaluwarsa. Tiap bagian punya tombol Copy untuk menyalin JSON yang sudah di-parse. Sepenuhnya offline — token tidak pernah keluar dari browser kamu.","size":"11 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Is my token sent anywhere?","answer":"No. Decoding happens entirely in your browser using the standard atob function. Your token is never uploaded, never logged, never shared. The only storage is localStorage, and only because that is convenient for the textarea."},{"question":"Does this verify the signature?","answer":"No. Decoding is base64url unpacking — it shows you what is in the token but does not prove it has not been tampered with. Signature verification requires the right algorithm (HMAC for HS*, RSA/ECDSA for RS*/ES*) and the secret or public key. Use a JWT library like jsonwebtoken, jose, or pyjwt for verification."},{"question":"What do the standard claims mean?","answer":"iss = issuer, sub = subject (user ID), aud = audience (intended recipient), exp = expiration time (Unix seconds), nbf = not before (Unix seconds), iat = issued at (Unix seconds), jti = unique JWT ID. Anything else is a custom claim from the issuing system."},{"question":"What is base64url?","answer":"It is like regular base64 but URL-safe: - replaces + and _ replaces /. JWTs use base64url to avoid characters that need URL encoding. Standard base64 decoders often fail on it; we handle the swap automatically."}],"faq_id":[{"question":"Apakah token saya dikirim ke mana pun?","answer":"Tidak. Decoding terjadi sepenuhnya di browser pakai fungsi atob standar. Token kamu tidak pernah diupload, tidak pernah di-log, tidak pernah dibagikan. Satu-satunya penyimpanan adalah localStorage, dan itu hanya untuk kenyamanan textarea."},{"question":"Apakah ini memverifikasi signature?","answer":"Tidak. Decoding adalah pembongkaran base64url — menunjukkan isi token tapi tidak membuktikan belum dirusak. Verifikasi signature butuh algoritma yang tepat (HMAC untuk HS*, RSA/ECDSA untuk RS*/ES*) dan kunci secret atau public. Pakai library JWT seperti jsonwebtoken, jose, atau pyjwt untuk verifikasi."},{"question":"Apa arti claim standar?","answer":"iss = issuer, sub = subject (user ID), aud = audience (penerima yang dituju), exp = waktu kedaluwarsa (Unix detik), nbf = not before (Unix detik), iat = issued at (Unix detik), jti = ID JWT unik. Sisanya adalah claim kustom dari sistem yang menerbitkan."},{"question":"Apa itu base64url?","answer":"Mirip base64 biasa tapi URL-safe: - menggantikan + dan _ menggantikan /. JWT pakai base64url untuk menghindari karakter yang butuh URL encoding. Decoder base64 standar sering gagal di situ; kami menanganinya otomatis."}]},{"id":"crontab-explainer-uuid-0001","slug":"crontab-explainer","name":"Crontab Explainer","name_id":"Penjelas Crontab","icon":"⏰","category":"developer","meta_description":"Parse cron expressions, see breakdown, next 5 execution times, human explanation, common presets. Offline.","meta_description_id":"Parse ekspresi cron, lihat rincian, 5 waktu eksekusi berikutnya, penjelasan manusia, preset umum. Offline.","long_description":"Paste any cron expression (the 5-field Unix format) and see what each field means, a human-readable explanation, and the next 5 times the schedule would fire. The five fields are minute, hour, day of month, month, and day of week — each card shows the raw value, the resolved list (e.g. */15 becomes \"0, 15, 30, 45\"), and a one-line meaning. Common presets are listed as quick-tap buttons: every minute, every 15 minutes, every hour, daily at midnight, weekdays at 9 AM, and so on. Works fully offline.","long_description_id":"Tempel ekspresi cron (format Unix 5-field) dan lihat apa arti tiap field, penjelasan yang bisa dibaca manusia, dan 5 waktu berikutnya jadwal itu akan berjalan. Lima field adalah minute, hour, day of month, month, dan day of week — tiap kartu menampilkan nilai mentah, daftar ter-resolve (misal */15 menjadi \"0, 15, 30, 45\"), dan penjelasan satu baris. Preset umum terdaftar sebagai tombol cepat: setiap menit, setiap 15 menit, setiap jam, harian tengah malam, weekday jam 9 pagi, dan seterusnya. Bisa offline.","size":"13 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is the 5-field cron format?","answer":"Minute (0-59), Hour (0-23), Day of month (1-31), Month (1-12), Day of week (0-6, Sun=0 or 7). An asterisk means \"every\". A slash means step (*/15 = every 15). A dash means range (1-5). A comma means list. The fifth field is independent of the day-of-month field — if both are restricted, cron fires when either matches."},{"question":"Why might \"next 5 runs\" give a far-future time?","answer":"When the day-of-month and day-of-week fields are both restricted, classic cron uses OR semantics — the schedule fires when either matches. So \"0 0 1 * 1\" fires on the 1st of every month AND every Monday. The next-5 calculation respects this. Some cron implementations (Quartz, modern systemd) use AND semantics instead."},{"question":"Does this support seconds, year, or special strings like @daily?","answer":"No — only the classic 5-field Unix format. Quartz-style 6-field (with seconds) and 7-field (with year) are not supported. Special strings (@yearly, @monthly, @weekly, @daily, @hourly, @reboot) are not expanded."},{"question":"Which time zone are the next-run times in?","answer":"Your browser local time. Cron is fundamentally timezone-naive — most systems run cron in the server timezone. Double-check which timezone your cron daemon actually uses before relying on the times shown."}],"faq_id":[{"question":"Apa itu format cron 5-field?","answer":"Minute (0-59), Hour (0-23), Day of month (1-31), Month (1-12), Day of week (0-6, Minggu=0 atau 7). Asterisk berarti \"setiap\". Slash berarti step (*/15 = setiap 15). Strip berarti range (1-5). Koma berarti list. Field kelima independen dari day-of-month — kalau keduanya dibatasi, cron berjalan ketika salah satu cocok."},{"question":"Kenapa \"5 eksekusi berikutnya\" menampilkan waktu yang jauh?","answer":"Ketika field day-of-month dan day-of-week keduanya dibatasi, cron klasik pakai semantik OR — jadwal berjalan ketika salah satu cocok. Jadi \"0 0 1 * 1\" berjalan pada tanggal 1 setiap bulan DAN setiap Senin. Kalkulasi next-5 menghormati ini. Beberapa implementasi cron (Quartz, systemd modern) pakai semantik AND."},{"question":"Apakah ini mendukung detik, tahun, atau string khusus seperti @daily?","answer":"Tidak — hanya format Unix 5-field klasik. Gaya Quartz 6-field (dengan detik) dan 7-field (dengan tahun) tidak didukung. String khusus (@yearly, @monthly, @weekly, @daily, @hourly, @reboot) tidak di-expand."},{"question":"Zona waktu mana yang dipakai untuk waktu next-run?","answer":"Waktu lokal browser kamu. Cron pada dasarnya naive terhadap timezone — kebanyakan sistem menjalankan cron di timezone server. Cek timezone yang dipakai cron daemon kamu sebelum mengandalkan waktu yang ditampilkan."}]},{"id":"sql-formatter-uuid-0001","slug":"sql-formatter","name":"SQL Formatter","name_id":"SQL Formatter","icon":"🗃️","category":"developer","meta_description":"Pretty print SQL with uppercase keywords, smart indentation. Supports SELECT, FROM, WHERE, JOIN, GROUP BY, ORDER BY, INSERT, UPDATE, DELETE, CREATE. Minify, copy, download. Offline.","meta_description_id":"Pretty print SQL dengan kapital keyword, indentasi pintar. Mendukung SELECT, FROM, WHERE, JOIN, GROUP BY, ORDER BY, INSERT, UPDATE, DELETE, CREATE. Minify, salin, unduh. Offline.","long_description":"Paste any SQL statement and get it pretty-printed with uppercase keywords, smart line breaks, and proper indentation. The formatter handles common clauses (SELECT/FROM/WHERE/JOIN/GROUP BY/ORDER BY/HAVING/LIMIT/UNION, INSERT/UPDATE/DELETE, CREATE/ALTER/DROP, plus BEGIN/COMMIT). The Minify button strips whitespace and comments to produce a single compact line. Output is syntax-highlighted by token type (keyword, function, string, number, comment). Copy the formatted result with one tap, or download it as a .sql file. Toggle UPPERCASE keywords on or off to match your team style. Works fully offline.","long_description_id":"Tempel statement SQL apa pun dan dapatkan pretty-print dengan kapital keyword, line break pintar, dan indentasi yang benar. Formatter menangani klausa umum (SELECT/FROM/WHERE/JOIN/GROUP BY/ORDER BY/HAVING/LIMIT/UNION, INSERT/UPDATE/DELETE, CREATE/ALTER/DROP, plus BEGIN/COMMIT). Tombol Minify menghapus whitespace dan komentar untuk menghasilkan satu baris ringkas. Output di-highlight sintaks berdasarkan tipe token (keyword, function, string, number, comment). Salin hasil format dengan satu tap, atau unduh sebagai file .sql. Toggle keyword HURUF BESAR aktif atau nonaktif untuk menyesuaikan gaya tim. Bisa offline.","size":"16 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Which SQL dialects are supported?","answer":"The formatter is dialect-neutral — it works on standard SQL syntax that all major databases (PostgreSQL, MySQL, SQLite, BigQuery, Snowflake, Oracle, SQL Server) accept. Vendor-specific extensions parse fine as long as the keywords are not in the reserved list. Function names like TO_CHAR, GETDATE, DATE_ADD are left as-is."},{"question":"How does indentation work?","answer":"Each top-level keyword (SELECT, FROM, WHERE, JOIN, GROUP BY, ORDER BY, ...) starts on a new line. The clauses that follow it are indented one level deeper. AND/OR conditions align with the WHERE keyword (not nested deeper). Commas after SELECT column lists or INSERT VALUES start a new indented line."},{"question":"Does Minify remove comments?","answer":"Yes — both single-line (-- ...) and block (/* ... */) comments are removed. If you want to keep comments, format instead of minify."},{"question":"Are my queries sent anywhere?","answer":"No. All tokenization and formatting happens locally in JavaScript. Your SQL is saved to localStorage so it persists when you reload, but is never uploaded."}],"faq_id":[{"question":"Dialect SQL apa saja yang didukung?","answer":"Formatter bersifat dialect-neutral — bekerja pada sintaks SQL standar yang diterima semua database utama (PostgreSQL, MySQL, SQLite, BigQuery, Snowflake, Oracle, SQL Server). Ekstensi spesifik vendor parse dengan baik selama keyword-nya tidak masuk reserved list. Nama fungsi seperti TO_CHAR, GETDATE, DATE_ADD dibiarkan apa adanya."},{"question":"Bagaimana indentasi bekerja?","answer":"Setiap keyword top-level (SELECT, FROM, WHERE, JOIN, GROUP BY, ORDER BY, ...) mulai di baris baru. Klausa yang mengikutinya di-indent satu level lebih dalam. Kondisi AND/OR sejajar dengan keyword WHERE (tidak lebih dalam). Koma setelah list kolom SELECT atau VALUES INSERT mulai baris baru yang ter-indent."},{"question":"Apakah Minify menghapus komentar?","answer":"Ya — baik single-line (-- ...) maupun block (/* ... */) dihapus. Kalau ingin mempertahankan komentar, pakai Format bukan Minify."},{"question":"Apakah query saya dikirim ke mana pun?","answer":"Tidak. Semua tokenisasi dan formatting terjadi lokal di JavaScript. SQL kamu disimpan ke localStorage supaya tetap ada saat reload, tapi tidak pernah diupload."}]},{"id":"budget-planner-uuid-0001","slug":"budget-planner","name":"Budget Planner","name_id":"Perencana Anggaran","icon":"💰","category":"finance","meta_description":"Monthly budget. Income + expense categories with custom add. Visual bar chart per category (% of income). 50/30/20 preset. Save monthly, history. Export MD/JSON. Offline.","meta_description_id":"Anggaran bulanan. Pemasukan + kategori pengeluaran dengan tambah custom. Bar chart visual per kategori (% dari pemasukan). Preset 50/30/20. Simpan bulanan, riwayat. Ekspor MD/JSON. Offline.","long_description":"A focused monthly budget planner. Set your income for the month, then fill in amounts for categories grouped into Needs (rent, utilities, groceries, transport), Wants (dining, entertainment, shopping), and Savings (emergency fund, investments). The Distribution section shows a colored bar for each group — filled to the percentage of income that group consumes, with an OVER warning if it exceeds 100%. A 50/30/20 preset button distributes your income into the three groups automatically. Save multiple months, switch between them via the tab strip, and export the active month as Markdown or the full history as JSON. Works fully offline.","long_description_id":"Perencana anggaran bulanan yang terfokus. Atur pemasukan untuk bulan ini, lalu isi jumlah untuk kategori yang dikelompokkan ke Kebutuhan (sewa, utilitas, belanja, transport), Keinginan (makan, hiburan, belanja), dan Tabungan (dana darurat, investasi). Bagian Distribusi menampilkan bar berwarna untuk tiap grup — terisi sesuai persentase pemasukan yang dikonsumsi grup itu, dengan peringatan OVER kalau melebihi 100%. Tombol preset 50/30/20 mendistribusikan pemasukan ke tiga grup secara otomatis. Simpan banyak bulan, pindah di antaranya lewat strip tab, dan ekspor bulan aktif sebagai Markdown atau seluruh riwayat sebagai JSON. Bisa offline.","size":"14 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is the 50/30/20 rule?","answer":"A simple budgeting guideline: spend 50% of after-tax income on Needs (rent, utilities, groceries, transport, insurance), 30% on Wants (dining out, entertainment, hobbies, shopping), and 20% on Savings & Debt repayment. The 50/30/20 preset button divides your income accordingly and spreads the result evenly across the categories you have set up."},{"question":"Can I add custom categories?","answer":"Yes. Below the Needs/Wants/Savings lists, type a name and amount, pick which group it belongs to, and tap +. The category appears in that group and updates the totals and bar chart instantly."},{"question":"How do I see last month's budget?","answer":"The strip at the top of the page lists every month you have saved. Tap any month to switch to it — the form updates to that month's data, and you can edit it or use it as a starting point for the next month."},{"question":"Where is my data stored?","answer":"Only in your browser localStorage. Nothing leaves your device. Export to JSON for backup and to transfer to another browser; Import to restore."}],"faq_id":[{"question":"Apa itu aturan 50/30/20?","answer":"Panduan budgeting simpel: habiskan 50% pendapatan setelah pajak untuk Kebutuhan (sewa, utilitas, belanja, transport, asuransi), 30% untuk Keinginan (makan, hiburan, hobi, belanja), dan 20% untuk Tabungan & pembayaran utang. Tombol preset 50/30/20 membagi pemasukan kamu sesuai dan menyebarkan hasilnya rata ke kategori yang sudah kamu atur."},{"question":"Bisa tambah kategori custom?","answer":"Bisa. Di bawah daftar Kebutuhan/Keinginan/Tabungan, ketik nama dan jumlah, pilih grup, dan tap +. Kategori muncul di grup itu dan langsung update total serta bar chart."},{"question":"Bagaimana cara lihat anggaran bulan lalu?","answer":"Strip di atas halaman menampilkan daftar setiap bulan yang sudah kamu simpan. Tap bulan mana pun untuk pindah ke sana — form terupdate ke data bulan itu, dan kamu bisa edit atau pakai sebagai titik awal bulan berikutnya."},{"question":"Di mana data saya disimpan?","answer":"Hanya di localStorage browser kamu. Tidak ada yang keluar dari device. Ekspor ke JSON untuk backup dan transfer ke browser lain; Impor untuk restore."}]},{"id":"meeting-notes-uuid-0001","slug":"meeting-notes","name":"Meeting Notes","name_id":"Catatan Rapat","icon":"📝","category":"productivity","meta_description":"Meeting notes: Title, Date, Attendees, Agenda, Discussion, Decisions, Action Items (owner + due date), Next Meeting. Live preview. Export PDF/MD/JSON. Save multiple. Offline.","meta_description_id":"Catatan rapat: Judul, Tanggal, Peserta, Agenda, Diskusi, Keputusan, Action Items (PIC + tenggat), Rapat Berikutnya. Pratinjau langsung. Ekspor PDF/MD/JSON. Simpan banyak. Offline.","long_description":"A focused meeting-notes tool with the structure teams actually use. Fields: title, date, location, attendees (one per row), agenda (numbered topics), discussion (free-form notes), decisions (one per row), action items (text + owner + due date, one per row), and the next meeting time. Switch to the Preview tab to see the formatted version live. The Saved tab lists every meeting you have stored, with one-tap load or delete. Export the active meeting as Markdown (cleanly formatted with task-list checkboxes for action items) or JSON. Print to PDF using the browser print dialog (the form is hidden, only the preview is shown). Works fully offline.","long_description_id":"Alat catatan rapat terfokus dengan struktur yang benar-benar dipakai tim. Field: judul, tanggal, lokasi, peserta (satu per baris), agenda (topik bernomor), diskusi (catatan bebas), keputusan (satu per baris), action items (teks + PIC + tenggat, satu per baris), dan waktu rapat berikutnya. Pindah ke tab Preview untuk melihat versi terformat secara langsung. Tab Saved mendaftar setiap rapat yang sudah kamu simpan, dengan satu tap untuk muat atau hapus. Ekspor rapat aktif sebagai Markdown (diformat rapi dengan checkbox task-list untuk action item) atau JSON. Print ke PDF pakai dialog print browser (form-nya disembunyikan, hanya preview yang ditampilkan). Bisa offline.","size":"17 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is the difference between the Edit, Preview, and Saved tabs?","answer":"Edit is the input form. Preview shows the formatted version of the current note as it will look when exported — useful to check formatting and completeness before sending. Saved lists every meeting you have stored, with one-tap load or delete."},{"question":"How does the PDF export work?","answer":"The PDF button switches to the Preview tab, hides all input controls, and opens the browser print dialog. Choose \"Save as PDF\" as the destination to save the formatted preview as a PDF. Standard browser print — no server, no third-party library."},{"question":"Can I link action items to an attendee?","answer":"Yes — each action item has a separate Owner field. Type the responsible person's name. The Markdown export renders it as \"@owner\" so the action item stands out in the output."},{"question":"How is my data organized?","answer":"There are two storage slots: an auto-saved Draft (the meeting you are currently editing) and a Saved list (every meeting you have explicitly saved). Draft updates with every keystroke; Saved only changes when you tap Save. Both live in localStorage only."}],"faq_id":[{"question":"Apa beda tab Edit, Preview, dan Saved?","answer":"Edit adalah form input. Preview menampilkan versi terformat dari catatan saat ini seperti akan terlihat saat diekspor — berguna untuk cek format dan kelengkapan sebelum dikirim. Saved mendaftar setiap rapat yang sudah kamu simpan, dengan satu tap untuk muat atau hapus."},{"question":"Bagaimana cara kerja ekspor PDF?","answer":"Tombol PDF pindah ke tab Preview, menyembunyikan semua kontrol input, dan membuka dialog print browser. Pilih \"Save as PDF\" sebagai tujuan untuk menyimpan preview yang sudah diformat sebagai PDF. Print browser standar — tanpa server, tanpa library pihak ketiga."},{"question":"Bisa link action item ke peserta?","answer":"Bisa — tiap action item punya field Owner terpisah. Ketik nama penanggung jawab. Ekspor Markdown menampilkannya sebagai \"@owner\" supaya action item menonjol di output."},{"question":"Bagaimana data saya diorganisir?","answer":"Ada dua slot penyimpanan: Draft yang otomatis tersimpan (rapat yang sedang kamu edit) dan daftar Saved (setiap rapat yang sudah kamu simpan eksplisit). Draft update setiap ketukan tombol; Saved hanya berubah saat kamu tap Save. Keduanya hanya ada di localStorage."}]},{"id":"a1d9c0f3-8b6e-4a2b-9c7d-1e3f5a8b2c4d","slug":"uuid-generator","name":"UUID Generator","name_id":"Generator UUID","icon":"🔑","category":"developer","meta_description":"Generate UUID v4 random identifiers. Batch 1-50, uppercase or lowercase, optional hyphens, copy single or all. 100% offline.","meta_description_id":"Hasilkan UUID v4 acak. Batch 1-50, huruf besar atau kecil, strip opsional, salin satu atau semua. 100% offline.","long_description":"Generate cryptographically random UUID v4 identifiers using your browser's Web Crypto API. Pick a count from 1 to 50, then optionally switch to uppercase and remove hyphens (32-hex form). The latest result shows in a large click-to-copy box, while a running list below keeps the last 100 generations — tap any row to copy that single UUID, or use \"Copy all\" to grab the full batch as a newline-separated list. The clear button resets the list. All randomness comes from crypto.getRandomValues (CSPRNG), so the UUIDs are safe for primary keys, session IDs, request IDs, and database records. No data leaves your device, no network calls, no analytics. Works fully offline.","long_description_id":"Hasilkan identifier UUID v4 acak secara kriptografis pakai Web Crypto API browser. Pilih jumlah 1 sampai 50, lalu opsional ganti ke huruf besar dan hapus strip (format 32-hex). Hasil terbaru muncul di kotak besar click-to-copy, sementara daftar di bawah menyimpan 100 hasil terakhir — tap baris mana pun untuk salin satu UUID, atau pakai \"Salin semua\" untuk ambil seluruh batch dalam daftar dipisah baris baru. Tombol Hapus mengosongkan daftar. Semua keacakan bersumber dari crypto.getRandomValues (CSPRNG), jadi UUID aman dipakai untuk primary key, session ID, request ID, dan record database. Tidak ada data keluar dari device, tanpa panggilan jaringan, tanpa analitik. Berfungsi sepenuhnya offline.","size":"12 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is UUID v4?","answer":"UUID v4 is the random version of the Universally Unique Identifier standard (RFC 4122). 122 of the 128 bits are random, and 6 bits are fixed (version + variant). This gives ~5.3×10³⁶ possible values — collision is practically impossible for any single app's use case."},{"question":"Are these UUIDs cryptographically random?","answer":"Yes. The tool uses crypto.getRandomValues from the Web Crypto API, which is a CSPRNG. The same primitive browsers use to generate encryption keys. This is much stronger than Math.random(), which is fine for games or UI but not for security tokens."},{"question":"Can I generate a batch at once?","answer":"Yes. Set \"How many\" between 1 and 50, then tap Generate. The latest result appears in the big box, and the full batch shows in the list below. \"Copy all\" grabs them as newline-separated UUIDs ready to paste into code or a database script."},{"question":"What does the \"no hyphens\" option do?","answer":"It produces the compact 32-character hex form (for example, 5e2b8a9c0d3f4a1b8c2d6e7f9a0b1c2d) instead of the canonical 8-4-4-4-12 form. The two are equivalent identifiers — same 128 bits, same uniqueness. The compact form is friendlier in URLs, log files, and some database columns."},{"question":"Is my data private?","answer":"Entirely. The list of generated UUIDs is kept only in this session — nothing is stored in localStorage, no telemetry, no server. Refresh the page and the list resets. UUIDs are safe to share (they are random and reveal nothing about you), but you stay in control of which ones you keep."}],"faq_id":[{"question":"Apa itu UUID v4?","answer":"UUID v4 adalah versi acak dari standar Universally Unique Identifier (RFC 4122). 122 dari 128 bit bersifat acak, dan 6 bit tetap (versi + varian). Ini menghasilkan ~5,3×10³⁶ kemungkinan nilai — tabrakan praktis tidak mungkin untuk use case aplikasi manapun."},{"question":"Apakah UUID ini benar-benar acak secara kriptografis?","answer":"Ya. Tool ini pakai crypto.getRandomValues dari Web Crypto API, yang merupakan CSPRNG. Primitif yang sama yang dipakai browser untuk menghasilkan kunci enkripsi. Jauh lebih kuat dari Math.random(), yang cukup untuk game atau UI tapi tidak untuk token keamanan."},{"question":"Bisa buat sekaligus beberapa UUID?","answer":"Bisa. Atur \"Jumlah\" antara 1 dan 50, lalu tap Buat. Hasil terbaru muncul di kotak besar, dan seluruh batch tampil di daftar di bawah. \"Salin semua\" mengambil semuanya dalam daftar dipisah baris baru, siap ditempel ke kode atau skrip database."},{"question":"Apa fungsi opsi \"tanpa strip\"?","answer":"Menghasilkan format hex kompak 32 karakter (misal, 5e2b8a9c0d3f4a1b8c2d6e7f9a0b1c2d) alih-alih format kanonik 8-4-4-4-12. Keduanya adalah identifier yang setara — 128 bit yang sama, keunikan yang sama. Format kompak lebih ramah di URL, file log, dan beberapa kolom database."},{"question":"Apakah data saya privat?","answer":"Sepenuhnya. Daftar UUID yang dihasilkan hanya disimpan di sesi ini — tidak ada di localStorage, tanpa telemetry, tanpa server. Refresh halaman dan daftar akan reset. UUID aman untuk dibagikan (bersifat acak dan tidak mengungkap apa pun tentang kamu), tapi kamu tetap kontrol mana yang kamu simpan."}]},{"id":"e7c4a1b9-2d3f-4e8a-9b1c-5d6e7f8a9b0c","slug":"base64-codec","name":"Base64 Codec","name_id":"Base64 Codec","icon":"🔣","category":"developer","meta_description":"Encode and decode Base64 strings, with file-to-data-URL support for images and binary files. Copy and clear. 100% offline.","meta_description_id":"Encode dan decode string Base64, dengan dukungan file ke data URL untuk gambar dan file biner. Salin dan hapus. 100% offline.","long_description":"A two-way Base64 codec that handles both text and files. The top section is for plain text: type or paste, then tap Encode to produce the Base64 string, or paste a Base64 string and tap Decode to recover the text. The file section supports drag-and-drop — drop any image, PDF, or binary file and the tool generates a data URL (Base64 + MIME type) ready for CSS backgrounds, markdown image embeds, or HTML inline. The decode side accepts both raw Base64 and full data URLs. Works fully offline — no upload, no server, no third-party library.","long_description_id":"Codec Base64 dua arah yang menangani teks dan file. Bagian atas untuk teks biasa: ketik atau tempel, lalu tap Encode untuk menghasilkan string Base64, atau tempel string Base64 dan tap Decode untuk memulihkan teks. Bagian file mendukung drag-and-drop — jatuhkan gambar, PDF, atau file biner dan tool menghasilkan data URL (Base64 + tipe MIME) siap untuk background CSS, embed gambar markdown, atau HTML inline. Sisi decode menerima Base64 mentah dan data URL lengkap. Berfungsi sepenuhnya offline — tanpa upload, tanpa server, tanpa library pihak ketiga.","size":"14 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is Base64?","answer":"Base64 is a binary-to-text encoding that uses 64 ASCII characters (A–Z, a–z, 0–9, +, /) plus = for padding. It is used everywhere binary data has to travel through a text channel — JSON payloads, URL parameters, email attachments (MIME), CSS, and HTML inline assets."},{"question":"Why does Base64 make files bigger?","answer":"Base64 represents every 3 bytes as 4 characters, so encoded output is ~33% larger than the binary. That's the price of using only printable ASCII. For text this is usually a non-issue, but for large images you should prefer a regular file URL."},{"question":"Are my files uploaded anywhere?","answer":"No. Everything — text and file — is read and encoded locally using the FileReader and btoa APIs. Nothing leaves your device. The only network this tool uses is the initial HTML download."},{"question":"How big a file can I drop?","answer":"Technically only by available memory. The tool shows the data URL size after encoding so you can decide. For images and small PDFs (under a few MB) it is instant; for very large files (50 MB+) the browser may slow down or show a \"file too large\" warning."},{"question":"What is a data URL?","answer":"A data URL is a Base64 string prefixed with data:;base64, — the browser treats it as a regular URL. Use it for CSS backgrounds (background-image: url(...)), markdown images (![alt](data:...)), or HTML embeds without needing a separate file."}],"faq_id":[{"question":"Apa itu Base64?","answer":"Base64 adalah encoding biner-ke-teks yang memakai 64 karakter ASCII (A–Z, a–z, 0–9, +, /) plus = untuk padding. Dipakai di mana saja data biner harus melewati kanal teks — payload JSON, parameter URL, lampiran email (MIME), CSS, dan aset inline HTML."},{"question":"Kenapa Base64 bikin file lebih besar?","answer":"Base64 merepresentasikan setiap 3 byte sebagai 4 karakter, jadi output hasil encode ~33% lebih besar dari biner. Ini harga dari hanya memakai ASCII yang bisa dicetak. Untuk teks biasanya bukan masalah, tapi untuk gambar besar lebih baik pakai URL file biasa."},{"question":"Apakah file saya di-upload ke mana-mana?","answer":"Tidak. Semuanya — teks dan file — dibaca dan di-encode secara lokal pakai API FileReader dan btoa. Tidak ada yang keluar dari device. Satu-satunya jaringan yang dipakai tool ini adalah unduhan HTML pertama."},{"question":"Seberapa besar file yang bisa dijatuhkan?","answer":"Secara teknis hanya dibatasi memori yang tersedia. Tool ini menampilkan ukuran data URL setelah encode supaya kamu bisa memutuskan. Untuk gambar dan PDF kecil (di bawah beberapa MB) instan; untuk file sangat besar (50 MB+) browser bisa melambat atau menampilkan peringatan \"file terlalu besar\"."},{"question":"Apa itu data URL?","answer":"Data URL adalah string Base64 yang diawali data:;base64, — browser memperlakukannya sebagai URL biasa. Pakai untuk background CSS (background-image: url(...)), gambar markdown (![alt](data:...)), atau embed HTML tanpa butuh file terpisah."}]},{"id":"b8d2e3f4-5c6a-4d7b-8e9f-1a2b3c4d5e6f","slug":"url-codec","name":"URL Encoder/Decoder","name_id":"Encoder/Decoder URL","icon":"🔗","category":"developer","meta_description":"Encode and decode URLs and query strings. Parse parameters into a key-value table. Copy individual params or full URL. 100% offline.","meta_description_id":"Encode dan decode URL dan query string. Parse parameter menjadi tabel key-value. Salin parameter individual atau URL lengkap. 100% offline.","long_description":"A two-way URL encoder/decoder with a query string inspector. Paste any URL or string and tap Encode to get the percent-encoded version (with %20 for spaces, %3A for colons, etc.) ready to put inside another URL as a parameter. Tap Decode to reverse the encoding — useful for inspecting tracking URLs and reading encoded payloads. Drop a URL with a query string into the decoder and the tool splits every ?key=value&... pair into a clean table you can scan, copy row by row, or copy all at once. The encoder also has a Compose tab for building query strings from key-value pairs. Works fully offline.","long_description_id":"Encoder/decoder URL dua arah dengan inspektur query string. Tempel URL atau string apa pun dan tap Encode untuk dapat versi percent-encoded (dengan %20 untuk spasi, %3A untuk titik dua, dll.) siap dimasukkan ke URL lain sebagai parameter. Tap Decode untuk membalik encoding — berguna untuk menginspeksi URL tracking dan membaca payload terenkode. Jatuhkan URL dengan query string ke decoder dan tool memecah setiap pasangan ?key=value&... menjadi tabel bersih yang bisa kamu pindai, salin baris per baris, atau salin sekaligus. Encoder juga punya tab Compose untuk membangun query string dari pasangan key-value. Berfungsi sepenuhnya offline.","size":"13 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is URL encoding (percent encoding)?","answer":"URL encoding replaces unsafe or non-ASCII characters with a % followed by two hex digits. A space becomes %20, ? becomes %3F, é becomes %C3%A9. This is how URLs safely carry data that would otherwise break the URL structure (spaces, slashes, ampersands, accented characters)."},{"question":"When do I need to encode a URL?","answer":"When the URL is itself a value inside another URL — like a redirect target, an OAuth callback, or a link inside an email. The rule: any URL that is a value should be percent-encoded. URLs that the browser navigates to directly are usually already fine."},{"question":"How is this different from Base64?","answer":"Base64 is a binary-to-text encoding that produces a string of common ASCII letters and digits. URL encoding (percent encoding) is a character substitution scheme that works one character at a time and produces a %XX pair. They are not interchangeable — use URL encoding for URLs, Base64 for binary blobs and image embeds."},{"question":"How does the Query Inspector work?","answer":"When you decode a URL, anything after the ? is parsed as a query string. Each key=value pair becomes a row in the table. Rows show the key, the decoded value, and a copy button. The \"Copy all\" button copies the full set of parameters in original order, one per line, as key=value."},{"question":"Is my data private?","answer":"Yes. The encoder and decoder run entirely in your browser using JavaScript's built-in encodeURIComponent, decodeURIComponent, and URLSearchParams APIs. Nothing is sent anywhere. You can safely decode internal tracking links or encoded payloads without worrying about leakage."}],"faq_id":[{"question":"Apa itu URL encoding (percent encoding)?","answer":"URL encoding mengganti karakter yang tidak aman atau non-ASCII dengan % diikuti dua digit hex. Spasi jadi %20, ? jadi %3F, é jadi %C3%A9. Begini cara URL membawa data yang kalau tidak akan merusak struktur URL (spasi, slash, ampersand, karakter beraksen)."},{"question":"Kapan saya perlu encode URL?","answer":"Ketika URL itu sendiri adalah nilai di dalam URL lain — seperti target redirect, callback OAuth, atau link di dalam email. Aturannya: setiap URL yang jadi nilai harus di percent-encode. URL yang langsung dinavigasi browser biasanya sudah aman."},{"question":"Apa bedanya dengan Base64?","answer":"Base64 adalah encoding biner-ke-teks yang menghasilkan string dari huruf dan angka ASCII umum. URL encoding (percent encoding) adalah skema substitusi karakter yang bekerja per karakter dan menghasilkan pasangan %XX. Keduanya tidak bisa saling dipertukarkan — pakai URL encoding untuk URL, Base64 untuk blob biner dan embed gambar."},{"question":"Bagaimana Inspektur Query bekerja?","answer":"Ketika kamu decode sebuah URL, apapun setelah ? diurai sebagai query string. Tiap pasangan key=value menjadi baris di tabel. Baris menunjukkan key, value yang sudah di-decode, dan tombol salin. Tombol \"Salin semua\" menyalin seluruh parameter dalam urutan asli, satu per baris, sebagai key=value."},{"question":"Apakah data saya privat?","answer":"Ya. Encoder dan decoder berjalan sepenuhnya di browser kamu pakai API bawaan JavaScript: encodeURIComponent, decodeURIComponent, dan URLSearchParams. Tidak ada yang dikirim ke mana pun. Kamu bisa dengan aman decode link tracking internal atau payload ter-encode tanpa khawatir kebocoran."}]},{"id":"c9e3f4a5-6b7c-4d8e-9f0a-1b2c3d4e5f6a","slug":"unix-timestamp","name":"Unix Timestamp Converter","name_id":"Konverter Unix Timestamp","icon":"⏰","category":"developer","meta_description":"Live current Unix timestamp (seconds & ms), date ↔ epoch converter, ISO 8601 output, timezone offset. 100% offline.","meta_description_id":"Unix timestamp berjalan (detik & ms), konverter tanggal ↔ epoch, output ISO 8601, offset zona waktu. 100% offline.","long_description":"A focused Unix timestamp tool. The top card shows the current time as a live counter: seconds, milliseconds, ISO 8601 string, and your local timezone — all updating every second so you always have the exact epoch to copy. The Date → Epoch card converts any picked date (date + time picker, with timezone offset) into seconds and milliseconds since 1970-01-01 UTC. The Epoch → Date card accepts a numeric timestamp and decodes it into ISO + your local time. Toggle between seconds (10 digits) and milliseconds (13 digits) at the top — most APIs and databases want one or the other, and getting the unit wrong is a classic source of off-by-1000 bugs. Works fully offline.","long_description_id":"Tool Unix timestamp terfokus. Kartu atas menampilkan waktu saat ini sebagai counter berjalan: detik, milidetik, string ISO 8601, dan zona waktu lokal — semuanya update tiap detik jadi kamu selalu punya epoch tepat untuk disalin. Kartu Date → Epoch mengonversi tanggal yang dipilih (date + time picker, dengan offset zona waktu) menjadi detik dan milidetik sejak 1970-01-01 UTC. Kartu Epoch → Date menerima timestamp numerik dan men-decode-nya menjadi ISO + waktu lokal. Toggle antara detik (10 digit) dan milidetik (13 digit) di atas — kebanyakan API dan database mau salah satunya, dan salah unit adalah sumber klasik bug off-by-1000. Berfungsi sepenuhnya offline.","size":"11 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is a Unix timestamp?","answer":"A Unix timestamp (or epoch time) is the number of seconds that have elapsed since 00:00:00 UTC on 1 January 1970, not counting leap seconds. For example, 2026-01-01 00:00:00 UTC is timestamp 1767225600. It is the universal time format used by Unix, Linux, databases, and most server-side APIs."},{"question":"Should I use seconds or milliseconds?","answer":"It depends on the API. JavaScript's Date.now() returns milliseconds — divide by 1000 to get seconds. Most server languages (PHP, Python, Ruby) and databases use seconds. Some Java systems and game engines use milliseconds. Check the API docs; getting this wrong shifts your date by decades."},{"question":"Why does my timestamp look 5 hours off?","answer":"You are likely comparing a UTC timestamp with a local-time string. Unix timestamps are always UTC. If you see 2026-01-01 05:00:00 when the timestamp is 1767225600, that's just your local timezone (WIB in this case). The tool always shows the ISO string and your local time so the relationship is clear."},{"question":"Does the tool handle timezones?","answer":"Yes. The Date → Epoch card lets you set the timezone offset from UTC (default is your browser's local offset, so it matches your wall clock). The Epoch → Date card always shows both UTC (ISO) and your local time. You never have to guess whether a value is in UTC or local time."},{"question":"Is my data private?","answer":"Yes. Everything runs locally — the live counter, the conversions, the timezone math. No network calls. Refresh the page and the current time keeps ticking because the clock is recomputed from your device time on every render."}],"faq_id":[{"question":"Apa itu Unix timestamp?","answer":"Unix timestamp (atau epoch time) adalah jumlah detik yang sudah berlalu sejak 00:00:00 UTC tanggal 1 Januari 1970, tidak menghitung leap second. Contoh, 2026-01-01 00:00:00 UTC adalah timestamp 1767225600. Ini format waktu universal yang dipakai Unix, Linux, database, dan kebanyakan API sisi server."},{"question":"Harus pakai detik atau milidetik?","answer":"Tergantung API. Date.now() JavaScript mengembalikan milidetik — bagi 1000 untuk dapat detik. Kebanyakan bahasa server (PHP, Python, Ruby) dan database pakai detik. Beberapa sistem Java dan game engine pakai milidetik. Cek docs API; salah ini menggeser tanggalmu puluhan tahun."},{"question":"Kenapa timestamp saya terlihat beda 5 jam?","answer":"Kemungkinan kamu membandingkan timestamp UTC dengan string waktu lokal. Unix timestamp selalu UTC. Kalau kamu lihat 2026-01-01 05:00:00 padahal timestamp-nya 1767225600, itu cuma zona waktu lokal kamu (WIB dalam kasus ini). Tool selalu menampilkan string ISO dan waktu lokal kamu supaya hubungannya jelas."},{"question":"Apakah tool ini menangani zona waktu?","answer":"Ya. Kartu Date → Epoch memungkinkan mengatur offset zona waktu dari UTC (default-nya offset lokal browser kamu, jadi cocok dengan jam dinding kamu). Kartu Epoch → Date selalu menampilkan UTC (ISO) dan waktu lokal. Kamu tidak perlu menebak apakah sebuah nilai dalam UTC atau lokal."},{"question":"Apakah data saya privat?","answer":"Ya. Semuanya berjalan lokal — counter berjalan, konversi, matematika zona waktu. Tanpa panggilan jaringan. Refresh halaman dan waktu saat ini tetap berjalan karena jam dihitung ulang dari waktu device di setiap render."}]},{"id":"d0f4a5b6-7c8d-4e9f-a0b1-2c3d4e5f6a7b","slug":"slug-generator","name":"Slug Generator","name_id":"Generator Slug","icon":"🌐","category":"text","meta_description":"Convert any text to a URL-safe slug. Indonesian transliteration, custom separator, lowercase, max length. Live preview. 100% offline.","meta_description_id":"Ubah teks apa pun jadi slug yang aman untuk URL. Transliterasi Indonesia, separator kustom, huruf kecil, panjang maksimal. Pratinjau langsung. 100% offline.","long_description":"Convert article titles, product names, and free-form text into URL-safe slugs. Type or paste into the input and the slug updates live in the preview card below. Tweak the separator (default is a hyphen, but you can switch to underscore, dot, or anything else), enforce lowercase, and set a max length to truncate long titles. The tool has a built-in transliteration table for Indonesian and Western European accented characters — \"Halo Dunia!\" becomes \"halo-dunia\", \"Café Jakarta\" becomes \"cafe-jakarta\", \"Año Nuevo\" becomes \"ano-nuevo\". Characters that don't transliterate are simply removed. Useful for blog post URLs, file names, branch names, and any time you need a clean human-readable identifier.","long_description_id":"Ubah judul artikel, nama produk, dan teks bebas menjadi slug yang aman untuk URL. Ketik atau tempel di input dan slug terupdate langsung di kartu pratinjau di bawah. Atur separator (default-nya strip, tapi bisa diganti underscore, titik, atau apa pun), paksa huruf kecil, dan atur panjang maksimal untuk memotong judul panjang. Tool ini punya tabel transliterasi bawaan untuk karakter Indonesia dan Eropa Barat beraksen — \"Halo Dunia!\" jadi \"halo-dunia\", \"Café Jakarta\" jadi \"cafe-jakarta\", \"Año Nuevo\" jadi \"ano-nuevo\". Karakter yang tidak bisa ditransliterasi langsung dihapus. Berguna untuk URL posting blog, nama file, nama branch, dan kapan pun kamu butuh identifier rapi yang bisa dibaca manusia.","size":"11 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is a slug?","answer":"A slug is the URL-friendly version of a title or name. It uses only lowercase letters, digits, and hyphens (or another chosen separator). For example, the article \"10 Tips for Better Sleep!\" becomes the slug \"10-tips-for-better-sleep\". Slugs are common in blog post URLs, file names, and database lookups."},{"question":"What characters get removed?","answer":"Anything that is not a letter, digit, separator, or in the transliteration table. Punctuation (! ? . , ; :), symbols (@ # $ %), emoji, and characters from non-Latin scripts that don't transliterate (CJK, Cyrillic, Arabic, etc.) are dropped. Numbers are kept. Spaces are converted to the separator."},{"question":"Does it handle Indonesian accented characters?","answer":"For common cases — yes. The built-in table covers é→e, è→e, ñ→n, ü→u, å→a, ç→c, and similar Latin-1 supplement characters. For non-Latin scripts (Chinese, Japanese, Korean, Arabic, Cyrillic) the tool falls back to removing the character. If you need custom transliteration for a specific language, edit the table in the source — it is intentionally a simple map."},{"question":"Why limit max length?","answer":"Some platforms truncate long URLs anyway, and shorter slugs are easier to share. 50–60 characters is a good practical ceiling. The tool cuts the slug at the last whole word before the limit to avoid orphaned characters like \"-th\" at the end."},{"question":"Is my data private?","answer":"Yes. Slug generation is fully client-side JavaScript. The input field keeps no state between visits — refresh the page and the tool starts fresh. Nothing is logged, sent, or saved."}],"faq_id":[{"question":"Apa itu slug?","answer":"Slug adalah versi URL-friendly dari judul atau nama. Hanya memakai huruf kecil, digit, dan strip (atau separator lain pilihan). Contoh, artikel \"10 Tips for Better Sleep!\" jadi slug \"10-tips-for-better-sleep\". Slug umum dipakai di URL posting blog, nama file, dan lookup database."},{"question":"Karakter apa saja yang dihapus?","answer":"Apapun yang bukan huruf, digit, separator, atau ada di tabel transliterasi. Tanda baca (! ? . , ; :), simbol (@ # $ %), emoji, dan karakter dari skrip non-Latin yang tidak bisa ditransliterasi (CJK, Cyrillic, Arab, dll.) dihapus. Angka dipertahankan. Spasi dikonversi ke separator."},{"question":"Apakah tool ini menangani karakter beraksen Indonesia?","answer":"Untuk kasus umum — ya. Tabel bawaan mencakup é→e, è→e, ñ→n, ü→u, å→a, ç→c, dan karakter Latin-1 supplement serupa. Untuk skrip non-Latin (China, Jepang, Korea, Arab, Cyrillic) tool ini fallback ke menghapus karakter. Kalau kamu butuh transliterasi kustom untuk bahasa tertentu, edit tabel di source — ini sengaja berupa map sederhana."},{"question":"Kenapa membatasi panjang maksimal?","answer":"Beberapa platform memotong URL panjang juga, dan slug yang lebih pendek lebih mudah dibagikan. 50–60 karakter adalah batas praktis yang baik. Tool memotong slug di kata utuh terakhir sebelum batas untuk menghindari karakter terisolasi seperti \"-th\" di akhir."},{"question":"Apakah data saya privat?","answer":"Ya. Pembuatan slug sepenuhnya JavaScript sisi klien. Field input tidak menyimpan state antar kunjungan — refresh halaman dan tool mulai segar. Tidak ada yang di-log, dikirim, atau disimpan."}]},{"id":"e1a5b6c7-8d9e-4f0a-1b2c-3d4e5f6a7b8c","slug":"hash-generator","name":"Hash Generator","name_id":"Generator Hash","icon":"#","category":"developer","meta_description":"Generate MD5, SHA-1, SHA-256, SHA-512 hashes from text. Batch multiple inputs, copy results, history of last 10. 100% offline via Web Crypto + custom MD5.","meta_description_id":"Buat hash MD5, SHA-1, SHA-256, SHA-512 dari teks. Batch banyak input, salin hasil, riwayat 10 terakhir. 100% offline via Web Crypto + MD5 custom.","long_description":"A focused hash generator that turns any text into a digest across four algorithms: MD5, SHA-1, SHA-256, and SHA-512. Type or paste into the input, tap Hash, and the four digests appear instantly. The first three (SHA family) run through the browser Web Crypto API, MD5 uses an inline RFC 1321 implementation (~50 lines of pure JS) so the whole tool needs zero network access. The Batch tab takes one input per line and hashes each independently — paste a list of tokens, secrets, or filenames and copy the entire set as `inputhash` rows. The History card keeps the last 10 single-mode runs with a one-tap reload. Each hash block has its own copy button and is also click-to-copy. Uppercase toggle applies to all four outputs. Works fully offline, no CDN.","long_description_id":"Generator hash terfokus yang mengubah teks apa pun jadi digest di empat algoritma: MD5, SHA-1, SHA-256, dan SHA-512. Ketik atau tempel di input, ketuk Hash, dan keempat digest muncul seketika. Tiga yang pertama (keluarga SHA) pakai Web Crypto API browser, MD5 pakai implementasi RFC 1321 inline (~50 baris JS murni) jadi seluruh tool butuh nol akses jaringan. Tab Batch mengambil satu input per baris dan hash masing-masing secara independen — tempel daftar token, secret, atau nama file dan salin seluruh set sebagai baris `inputhash`. Kartu Riwayat menyimpan 10 eksekusi mode tunggal terakhir dengan reload satu ketukan. Tiap blok hash punya tombol salin sendiri dan juga click-to-copy. Toggle huruf besar berlaku untuk keempat output. Berfungsi sepenuhnya offline, tanpa CDN.","size":"15 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Which algorithms are supported?","answer":"MD5 (128-bit, 32 hex chars), SHA-1 (160-bit, 40 hex chars), SHA-256 (256-bit, 64 hex chars), and SHA-512 (512-bit, 128 hex chars). The three SHA-family digests use the browser Web Crypto API, so they are cryptographically identical to openssl/openssl dgst, sha1sum, sha256sum, and shasum. MD5 uses a custom pure-JS RFC 1321 implementation and produces bit-identical output to the PHP md5() function and the Linux md5sum binary."},{"question":"Is this cryptographically secure?","answer":"SHA-256 and SHA-512 are secure and recommended for password storage, file integrity verification, and digital signatures. SHA-1 is no longer collision-resistant and should not be used for new cryptographic designs. MD5 is broken for collision resistance and should be used only for legacy compatibility, file deduplication, or non-security checksums. The tool itself runs locally — your input is never sent to any server."},{"question":"Why does the tool run offline?","answer":"SHA-1/256/512 use the browser SubtleCrypto API which is built into the JS runtime. MD5 is not part of Web Crypto (because it is considered insecure), so a compact ~50-line RFC 1321 implementation is bundled inline in the HTML. Together this means the page does a single static file fetch and then works forever, even on a plane or behind a firewall."},{"question":"How do I hash a file?","answer":"Open the file in any text editor, select all, copy, paste into the input. For binary files, use the SHA-256/512 mode via SubtleCrypto in your own script — the tool is designed for text. The Batch tab accepts one string per line; for file lists, paste one path per line and hash each path string (it is a hash of the path, not of the file content)."},{"question":"Is my data private?","answer":"Yes. Hash generation is fully client-side JavaScript. There are no network calls, no telemetry, no logs. The history of last 10 hashes is kept in memory only — refresh the page and it is gone. Use it for production tokens and passwords without worry."}],"faq_id":[{"question":"Algoritma apa saja yang didukung?","answer":"MD5 (128-bit, 32 karakter hex), SHA-1 (160-bit, 40 karakter hex), SHA-256 (256-bit, 64 karakter hex), dan SHA-512 (512-bit, 128 karakter hex). Ketiga digest keluarga SHA pakai Web Crypto API browser, jadi identik kriptografis dengan openssl/openssl dgst, sha1sum, sha256sum, dan shasum. MD5 pakai implementasi RFC 1321 JS murni kustom dan menghasilkan output bit-identik dengan fungsi PHP md5() dan binary md5sum Linux."},{"question":"Apakah ini aman secara kriptografis?","answer":"SHA-256 dan SHA-512 aman dan direkomendasikan untuk penyimpanan password, verifikasi integritas file, dan tanda tangan digital. SHA-1 sudah tidak collision-resistant dan tidak boleh dipakai untuk desain kriptografis baru. MD5 rusak untuk collision resistance dan sebaiknya hanya dipakai untuk kompatibilitas legacy, deduplikasi file, atau checksum non-keamanan. Tool itu sendiri berjalan lokal — input kamu tidak pernah dikirim ke server mana pun."},{"question":"Kenapa tool ini berjalan offline?","answer":"SHA-1/256/512 pakai SubtleCrypto API browser yang built-in di runtime JS. MD5 bukan bagian Web Crypto (karena dianggap tidak aman), jadi implementasi RFC 1321 compact ~50 baris di-bundle inline di HTML. Bersama-sama ini berarti halaman melakukan satu kali fetch file statis dan kemudian bekerja selamanya, bahkan di pesawat atau di belakang firewall."},{"question":"Bagaimana cara hash file?","answer":"Buka file di text editor mana pun, select all, copy, paste ke input. Untuk file biner, pakai mode SHA-256/512 via SubtleCrypto di skrip kamu sendiri — tool ini dirancang untuk teks. Tab Batch menerima satu string per baris; untuk daftar file, tempel satu path per baris dan hash string path-nya (ini hash dari path, bukan dari konten file)."},{"question":"Apakah data saya privat?","answer":"Ya. Pembuatan hash sepenuhnya JavaScript sisi klien. Tidak ada panggilan jaringan, tidak ada telemetry, tidak ada log. Riwayat 10 hash terakhir disimpan di memori saja — refresh halaman dan hilang. Pakai untuk token dan password produksi tanpa khawatir."}]},{"id":"f2b6c7d8-9e0f-4a1b-2c3d-4e5f6a7b8c9d","slug":"fake-data-generator","name":"Fake Data Generator","name_id":"Generator Data Palsu","icon":"👤","category":"developer","meta_description":"Generate fake person data: name, email, phone, address, city, country, job, company, credit card, IP, user-agent, UUID. Locale ID/EN. Batch 1-50. Export JSON/CSV. 100% offline.","meta_description_id":"Buat data orang palsu: nama, email, telepon, alamat, kota, negara, pekerjaan, perusahaan, kartu kredit, IP, user-agent, UUID. Locale ID/EN. Batch 1-50. Export JSON/CSV. 100% offline.","long_description":"Generate realistic-looking fake records for testing, demos, and database seeding. Each record can include any combination of: name, email, phone, address, city, country, job, company, credit card (Luhn-valid), IP, user-agent, UUID, age, gender, username, date of birth. The locale switch toggles between Indonesian and US data pools — Jakarta addresses and Indonesian names vs. New York and English names. Batch up to 50 records at a time. The 13 default fields cover most testing needs, but you can toggle individual fields on/off and the choice persists in localStorage. Credit card numbers pass the Luhn check (they are not real cards — do not use them for transactions). IPv4 addresses fall in the documentation ranges. User agents cover Chrome, Safari, Firefox, and mobile. Export to JSON, CSV, or copy directly to the clipboard. Everything runs in the browser — no Faker.js CDN, no network calls.","long_description_id":"Buat record palsu yang terlihat realistis untuk testing, demo, dan seeding database. Tiap record bisa menyertakan kombinasi apa pun dari: nama, email, telepon, alamat, kota, negara, pekerjaan, perusahaan, kartu kredit (Luhn-valid), IP, user-agent, UUID, umur, gender, username, tanggal lahir. Switch locale toggle antara pool data Indonesia dan US — alamat Jakarta dan nama Indonesia vs. New York dan nama Inggris. Batch sampai 50 record sekaligus. 13 field default mencakup kebanyakan kebutuhan testing, tapi kamu bisa toggle field individual on/off dan pilihan disimpan di localStorage. Nomor kartu kredit lolos cek Luhn (mereka bukan kartu asli — jangan pakai untuk transaksi). Alamat IPv4 jatuh di rentang dokumentasi. User agent mencakup Chrome, Safari, Firefox, dan mobile. Export ke JSON, CSV, atau salin langsung ke clipboard. Semuanya berjalan di browser — tanpa Faker.js CDN, tanpa panggilan jaringan.","size":"18 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Is the generated data realistic?","answer":"Names, addresses, cities, jobs, and companies are drawn from real-world pools filtered to plausible values. Indonesian records use Indonesian names, +62 phone numbers, postal codes, and street names; English records use US names, +1 phone numbers, US state abbreviations, and zip codes. The data is realistic enough for screenshots, demos, and design mockups, but no individual record corresponds to a real person — every value is randomly assembled from its pool."},{"question":"Are the credit card numbers real?","answer":"No. The card numbers pass the Luhn check (the mod-10 algorithm used to validate card numbers at point-of-entry), so they will pass naive front-end validation in test apps, but they are explicitly not real cards. The numbers are randomly generated from common BIN prefixes (Visa, Mastercard, Amex, Discover). Using them for actual transactions is fraud — and they will be declined because the issuing bank does not have them. They are safe for seeding test databases and testing payment form validation."},{"question":"Is the data privacy-safe?","answer":"Yes — nothing is sent anywhere. All generation runs in the browser using Math.random() and the crypto API. The data is not stored, logged, or transmitted. Records are kept in memory only and disappear when you refresh the page. There is no analytics, no telemetry, no server round-trip. You can generate fake data containing internal test emails or fake PII without it ever leaving your device."},{"question":"Can I get more than 50 records at once?","answer":"The cap is 50 per click to keep the UI responsive on phones and avoid accidental giant runs. If you need 1,000 records for database seeding, click Generate a few times in a row, copy the JSON each time, and concatenate. For larger jobs, paste the JSON output into a script and replicate. The export is just plain JSON or CSV — no proprietary format."},{"question":"What is the difference between ID and EN locale?","answer":"The ID pool uses Indonesian first and last names, Indonesian cities (Jakarta, Surabaya, Bandung, Medan, Yogyakarta, etc.), Indonesian provinces, +62 phone numbers, and Indonesian-style addresses. The EN pool uses US English names, US cities, US state abbreviations, +1 phone numbers, and US-style addresses. Both pools draw company and job titles from their own cultural context. Switch the locale dropdown before generating to fill the next batch with the desired set."}],"faq_id":[{"question":"Apakah data yang dihasilkan realistis?","answer":"Nama, alamat, kota, pekerjaan, dan perusahaan diambil dari pool dunia nyata yang disaring ke nilai yang masuk akal. Record Indonesia pakai nama Indonesia, nomor telepon +62, kode pos, dan nama jalan Indonesia; record Inggris pakai nama US, nomor telepon +1, singkatan negara bagian US, dan kode pos US. Data cukup realistis untuk screenshot, demo, dan mockup desain, tapi tidak ada record individual yang对应 orang nyata — setiap nilai dirakit acak dari pool-nya."},{"question":"Apakah nomor kartu kreditnya asli?","answer":"Bukan. Nomor kartu lulus cek Luhn (algoritma mod-10 yang dipakai untuk validasi nomor kartu di titik masuk), jadi mereka akan lulus validasi front-end naif di aplikasi test, tapi mereka secara eksplisit bukan kartu asli. Nomornya dibangkitkan acak dari prefix BIN umum (Visa, Mastercard, Amex, Discover). Memakainya untuk transaksi aktual adalah fraud — dan mereka akan ditolak karena bank penerbit tidak punya mereka. Aman untuk seeding database test dan testing validasi form pembayaran."},{"question":"Apakah data aman untuk privasi?","answer":"Ya — tidak ada yang dikirim ke mana pun. Semua pembangkitan berjalan di browser pakai Math.random() dan API crypto. Datanya tidak disimpan, di-log, atau ditransmisikan. Record disimpan di memori saja dan hilang ketika kamu refresh halaman. Tidak ada analytics, tidak ada telemetry, tidak ada round-trip server. Kamu bisa generate data palsu yang berisi email test internal atau PII palsu tanpa pernah meninggalkan device kamu."},{"question":"Bisakah saya dapat lebih dari 50 record sekaligus?","answer":"Batasnya 50 per klik untuk menjaga UI tetap responsif di HP dan menghindari eksekusi besar yang tidak disengaja. Kalau kamu butuh 1.000 record untuk seeding database, klik Buat beberapa kali berturut-turut, salin JSON tiap kali, dan gabungkan. Untuk pekerjaan yang lebih besar, tempel output JSON ke skrip dan replikasi. Export-nya hanya JSON atau CSV polos — tidak ada format proprietary."},{"question":"Apa bedanya locale ID dan EN?","answer":"Pool ID pakai nama depan dan belakang Indonesia, kota Indonesia (Jakarta, Surabaya, Bandung, Medan, Yogyakarta, dll.), provinsi Indonesia, nomor telepon +62, dan alamat gaya Indonesia. Pool EN pakai nama Inggris US, kota US, singkatan negara bagian US, nomor telepon +1, dan alamat gaya US. Kedua pool mengambil judul perusahaan dan pekerjaan dari konteks budaya masing-masing. Switch dropdown locale sebelum generate untuk mengisi batch berikutnya dengan set yang diinginkan."}]},{"id":"a3c7d8e9-0f1a-4b2c-3d4e-5f6a7b8c9d0e","slug":"json-yaml-converter","name":"JSON ↔ YAML Converter","name_id":"Konverter JSON ↔ YAML","icon":"⇄","category":"developer","meta_description":"Convert JSON to YAML and YAML to JSON. Validate JSON, format pretty/compact, YAML indent 2/4. Drag-drop files. Copy/download. 100% offline.","meta_description_id":"Konversi JSON ke YAML dan YAML ke JSON. Validasi JSON, format pretty/compact, indent YAML 2/4. Drag-drop file. Salin/unduh. 100% offline.","long_description":"A focused JSON ↔ YAML converter. The JSON → YAML direction serializes any JSON document into clean, idiomatic YAML: strings get quoted only when needed (no unnecessary \"\" around simple identifiers), indentation is configurable (2 or 4 spaces), and nested structures use proper block style. The YAML → JSON direction parses common YAML 1.2 syntax: mappings, sequences, nested blocks, quoted strings, booleans, nulls, numbers, and block scalars (literal | and folded >). The input area shows a live status line — green dot for valid, red dot for parse error with the first line of the error message. Drag-drop a .json or .yaml file onto the dropzone to load it; the direction is auto-switched based on extension. The swap button moves the output to the input and flips direction in one click — useful for round-trip checking. Compact JSON toggle for the YAML → JSON direction produces a single-line result, useful for config files and API payloads. Everything runs locally — no js-yaml CDN, no server round-trip.","long_description_id":"Konverter JSON ↔ YAML terfokus. Arah JSON → YAML men-serialize dokumen JSON apa pun jadi YAML yang bersih dan idiomatik: string di-quote hanya kalau perlu (tanpa \"\" yang tidak perlu di sekitar identifier sederhana), indentasi bisa dikonfigurasi (2 atau 4 spasi), dan struktur nested pakai block style yang benar. Arah YAML → JSON mengurai sintaks YAML 1.2 umum: mapping, sequence, blok nested, string ber-quote, boolean, null, angka, dan block scalar (literal | dan folded >). Area input menampilkan baris status langsung — titik hijau untuk valid, titik merah untuk error parse dengan baris pertama pesan error. Drag-drop file .json atau .yaml ke dropzone untuk memuatnya; arah di-auto-switch berdasarkan extension. Tombol swap memindahkan output ke input dan flip arah dalam satu klik — berguna untuk round-trip checking. Toggle Compact JSON untuk arah YAML → JSON menghasilkan hasil satu baris, berguna untuk file config dan payload API. Semuanya berjalan lokal — tanpa js-yaml CDN, tanpa round-trip server.","size":"14 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Does it support the full YAML 1.2 spec?","answer":"It supports the most common subset used in config files: mappings, sequences, nested blocks, quoted strings (single and double), booleans, nulls, numbers, and block scalars (literal | and folded >). It does NOT support anchors and aliases (& and *), tags (!!str, !!int), flow style ({a: 1} and [1, 2]), multi-document streams (--- separators), or custom types. For full YAML 1.2, use a dedicated library — this tool is sized for human-edited config files and Kubernetes manifests."},{"question":"Why use YAML over JSON?","answer":"YAML is more compact (no curly braces or commas), allows comments (#), and treats indentation as syntax (so structure is visible at a glance). Common use cases: Kubernetes manifests, Docker Compose, GitHub Actions workflows, Ansible playbooks, and any human-edited config file. JSON is more universal as a wire format — APIs almost always speak JSON, while YAML is mostly for files."},{"question":"Are quoted strings preserved on round-trip?","answer":"Yes. Strings that need quoting (because they contain a colon, hash, special characters, or look like numbers/booleans) are quoted in the YAML output, and the parser reads them back identically. Simple identifier-like strings (\"hello\", \"version\") are emitted without quotes, and parsed back as strings. The only loss is whitespace differences — for example, trailing whitespace inside a quoted string is preserved exactly, but unquoted strings may be re-quoted if they contain characters that trigger quoting on the second pass."},{"question":"What does the Swap button do?","answer":"Swap moves the Output text into the Input field and flips the conversion direction in one click. This is the standard \"round-trip\" workflow: paste JSON in, convert to YAML, swap, convert back to JSON. If the two JSON outputs are identical (modulo formatting), the YAML round-trip is lossless. If they differ, you have found a YAML feature the parser does not support (e.g. an anchor or a flow-style mapping)."},{"question":"Is my data private?","answer":"Yes. The JSON parser is native JavaScript JSON.parse. The YAML parser and serializer are custom pure-JS code inlined into the HTML. There are no network calls, no CDN dependencies, and no telemetry. Drag-dropped files are read by the browser FileReader API and stay on your device. You can convert internal config files containing secrets without worry."}],"faq_id":[{"question":"Apakah mendukung spec YAML 1.2 penuh?","answer":"Mendukung subset paling umum yang dipakai di file config: mapping, sequence, blok nested, string ber-quote (single dan double), boolean, null, angka, dan block scalar (literal | dan folded >). TIDAK mendukung anchor dan alias (& dan *), tag (!!str, !!int), flow style ({a: 1} dan [1, 2]), multi-document stream (--- separator), atau custom type. Untuk YAML 1.2 penuh, pakai library khusus — tool ini di-size untuk file config yang diedit manusia dan manifest Kubernetes."},{"question":"Kenapa pakai YAML daripada JSON?","answer":"YAML lebih ringkas (tanpa kurung kurawal atau koma), memperbolehkan komentar (#), dan memperlakukan indentasi sebagai sintaks (jadi struktur terlihat sekilas). Kasus penggunaan umum: manifest Kubernetes, Docker Compose, workflow GitHub Actions, playbook Ansible, dan file config yang diedit manusia. JSON lebih universal sebagai wire format — API hampir selalu berbahasa JSON, sementara YAML kebanyakan untuk file."},{"question":"Apakah string ber-quote dipertahankan di round-trip?","answer":"Ya. String yang butuh quoting (karena berisi titik dua, hash, karakter khusus, atau terlihat seperti angka/boolean) di-quote di output YAML, dan parser membacanya kembali identik. String mirip identifier sederhana (\"hello\", \"version\") di-emit tanpa quote, dan di-parse kembali sebagai string. Satu-satunya kehilangan adalah perbedaan whitespace — sebagai contoh, trailing whitespace di dalam string ber-quote dipertahankan persis, tapi string tidak ber-quote mungkin di-quote ulang jika mereka berisi karakter yang memicu quoting di pass kedua."},{"question":"Apa fungsi tombol Swap?","answer":"Swap memindahkan teks Output ke field Input dan flip arah konversi dalam satu klik. Ini adalah workflow \"round-trip\" standar: paste JSON, konversi ke YAML, swap, konversi kembali ke JSON. Kalau dua output JSON identik (modulo formatting), round-trip YAML lossless. Kalau mereka berbeda, kamu telah menemukan fitur YAML yang tidak didukung parser (mis. anchor atau mapping flow-style)."},{"question":"Apakah data saya privat?","answer":"Ya. Parser JSON adalah JSON.parse JavaScript native. Parser dan serializer YAML adalah kode JS murni kustom yang di-inline ke HTML. Tidak ada panggilan jaringan, tidak ada dependensi CDN, dan tidak ada telemetry. File yang di-drag-drop dibaca oleh API FileReader browser dan tetap di device kamu. Kamu bisa mengonversi file config internal yang berisi secret tanpa khawatir."}]},{"id":"b4d8e9f0-1a2b-4c3d-4e5f-6a7b8c9d0e1f","slug":"color-format-converter","name":"Color Format Converter","name_id":"Konverter Format Warna","icon":"🎨","category":"developer","meta_description":"Convert color between HEX, RGB, HSL, HSV, CMYK, and named CSS colors. Live swatch + WCAG contrast ratio checker. Color picker. Copy any format. 100% offline.","meta_description_id":"Konversi warna antara HEX, RGB, HSL, HSV, CMYK, dan named CSS colors. Swatch langsung + cek rasio kontras WCAG. Color picker. Salin format apa pun. 100% offline.","long_description":"A complete color playground. Pick a color with the native color picker, drag the RGB sliders, or paste a HEX/RGB/HSL/HSV/CMYK string into any of the format inputs — all five other formats update in real time. The big swatch shows the current color and doubles as the picker target. The contrast section shows how readable the color is when used as text on white, on black, on the chosen color itself, and on the current theme surface — with the actual contrast ratio (WCAG 2.1 formula) and an AAA/AA/AALarge/FAIL badge on the better of white vs black. The named-CSS grid surfaces the 12 most common color names (red, orange, yellow, green, cyan, blue, purple, pink, black, white, gray, brown) for one-tap selection, and the input field below the swatch shows the closest named CSS color when one exists. All conversions are pure-JS, no external libs. Works fully offline.","long_description_id":"Taman bermain warna yang lengkap. Pilih warna dengan color picker native, geser slider RGB, atau tempel string HEX/RGB/HSL/HSV/CMYK ke salah satu input format — kelima format lain update secara real time. Swatch besar menampilkan warna saat ini dan berfungsi ganda sebagai target picker. Bagian kontras menunjukkan seberapa mudah dibaca warna ketika dipakai sebagai teks di putih, di hitam, di warna itu sendiri, dan di surface tema saat ini — dengan rasio kontras aktual (formula WCAG 2.1) dan badge AAA/AA/AALarge/FAIL pada yang lebih baik dari putih vs hitam. Grid named-CSS memunculkan 12 nama warna paling umum (merah, oranye, kuning, hijau, cyan, biru, ungu, pink, hitam, putih, abu-abu, coklat) untuk pemilihan satu ketukan, dan field input di bawah swatch menunjukkan named CSS color terdekat kalau ada. Semua konversi adalah JS murni, tanpa library eksternal. Berfungsi sepenuhnya offline.","size":"17 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is the difference between HSL, HSV, and HSL/H?","answer":"HSL (Hue, Saturation, Lightness) and HSV (Hue, Saturation, Value) both use a cylindrical color model but differ in the third axis. HSL's L=50% is the pure hue at full saturation; HSV's V=100% is the pure hue. HSL is what CSS uses (hsl() and hsla()), and it is what most designers think in. HSV is what most color pickers and image editing software show. HSL is the standard for code; HSV is the standard for visual picking. The tool shows both so you can copy whichever your toolchain wants."},{"question":"What is CMYK and when do I use it?","answer":"CMYK (Cyan, Magenta, Yellow, Key/black) is the subtractive color model used in print. RGB is additive (light) and is what screens emit; CMYK is subtractive (ink) and is what paper absorbs. The conversion from RGB to CMYK is approximate — the actual printed color depends on the printer profile, paper, and ink. The numbers shown are the standard formula; for production print work, use a profile-aware tool like Adobe Illustrator. Use the tool's CMYK field when you need an approximate print spec."},{"question":"What is the WCAG contrast ratio and why does it matter?","answer":"WCAG 2.1 defines a contrast ratio formula (L1 + 0.05) / (L2 + 0.05) where L is the relative luminance. The thresholds are 4.5:1 for AA body text, 3:1 for AA Large text (≥18pt or bold 14pt+), and 7:1 for AAA. The tool shows the ratio vs white and vs black, and a single badge for the best of the two. Aim for AA at minimum for body text; AAA is preferred for accessibility-critical interfaces. The badge is the easier-to-scan summary; the ratio number is for exact reporting."},{"question":"Why are some color names not in the named list?","answer":"The grid surfaces the 12 most useful color families for quick picking. The full 147-color CSS named set is available by pasting a name into any input field — \"rebeccapurple\", \"papayawhip\", \"dodgerblue\" all work. The inline input under the swatch also shows the closest named match when one exists; the matching is exact on the 6-digit hex, so \"#FF0000\" → red, \"#000080\" → navy, \"#FFD700\" → gold."},{"question":"Is my data private?","answer":"Yes. All color math runs in the browser. The named-color table and contrast formula are pure JS inlined in the HTML. There are no network calls and no CDN. The picker is the native browser input type=color. You can experiment with brand colors or accessibility checks for sensitive client work without anything leaving your device."}],"faq_id":[{"question":"Apa beda HSL, HSV, dan HSL/H?","answer":"HSL (Hue, Saturation, Lightness) dan HSV (Hue, Saturation, Value) keduanya pakai model warna silinder tapi berbeda di axis ketiga. L=50% HSL adalah hue murni pada saturasi penuh; V=100% HSV adalah hue murni. HSL adalah yang dipakai CSS (hsl() dan hsla()), dan itulah yang dipikirkan kebanyakan desainer. HSV adalah yang ditampilkan kebanyakan color picker dan software editing gambar. HSL adalah standar untuk kode; HSV adalah standar untuk picking visual. Tool menampilkan keduanya supaya kamu bisa salin mana pun yang toolchain kamu mau."},{"question":"Apa itu CMYK dan kapan saya memakainya?","answer":"CMYK (Cyan, Magenta, Yellow, Key/hitam) adalah model warna subtraktif yang dipakai di percetakan. RGB adalah aditif (cahaya) dan itulah yang dipancarkan layar; CMYK adalah subtraktif (tinta) dan itulah yang diserap kertas. Konversi dari RGB ke CMYK adalah pendekatan — warna cetak aktual tergantung profil printer, kertas, dan tinta. Angka yang ditampilkan adalah formula standar; untuk pekerjaan cetak produksi, pakai tool yang sadar profil seperti Adobe Illustrator. Pakai field CMYK tool ini ketika kamu butuh spec cetak pendekatan."},{"question":"Apa itu rasio kontras WCAG dan kenapa penting?","answer":"WCAG 2.1 mendefinisikan formula rasio kontras (L1 + 0.05) / (L2 + 0.05) di mana L adalah luminance relatif. Threshold-nya adalah 4.5:1 untuk teks body AA, 3:1 untuk teks AA Large (≥18pt atau bold 14pt+), dan 7:1 untuk AAA. Tool menampilkan rasio vs putih dan vs hitam, dan satu badge untuk yang terbaik dari keduanya. Bidik AA minimal untuk teks body; AAA lebih disukai untuk interface yang kritis terhadap aksesibilitas. Badge adalah ringkasan yang lebih mudah di-scan; angka rasio adalah untuk pelaporan persis."},{"question":"Kenapa beberapa nama warna tidak ada di daftar named?","answer":"Grid memunculkan 12 keluarga warna paling berguna untuk picking cepat. Set 147 warna named CSS lengkap tersedia dengan menempel nama ke field input mana pun — \"rebeccapurple\", \"papayawhip\", \"dodgerblue\" semuanya bekerja. Input inline di bawah swatch juga menampilkan kecocokan named terdekat kalau ada; pencocokan adalah persis pada hex 6-digit, jadi \"#FF0000\" → red, \"#000080\" → navy, \"#FFD700\" → gold."},{"question":"Apakah data saya privat?","answer":"Ya. Semua matematika warna berjalan di browser. Tabel named-color dan formula kontras adalah JS murni yang di-inline di HTML. Tidak ada panggilan jaringan dan tidak ada CDN. Picker adalah input type=color native browser. Kamu bisa bereksperimen dengan warna brand atau cek aksesibilitas untuk pekerjaan klien yang sensitif tanpa apa pun meninggalkan device kamu."}]},{"id":"c5e9f0a1-2b3c-4d4e-5f6a-7b8c9d0e1f2a","slug":"percentage-calculator","name":"Percentage Calculator","name_id":"Kalkulator Persen","icon":"%","category":"calculator","meta_description":"Multi-mode percentage calculator: % of value, % change (up/down), base value from % target, markup/margin. Real-time. Copy results. History. 100% offline.","meta_description_id":"Kalkulator persen multi-mode: % dari nilai, perubahan % (naik/turun), nilai dasar dari % target, markup/margin. Real-time. Salin hasil. Riwayat. 100% offline.","long_description":"Four percentage calculations in one tool. Mode 1 — \"X% of Y\" — answers \"what is 20% of 200?\" with 40. Mode 2 — \"% change\" — answers \"what percent did 100 grow to 150?\" with +50% (and tells you it went up). Mode 3 — \"base value\" — answers \"50 is 25% of what?\" with 200. Mode 4 — \"Markup/Margin\" — answers \"if my cost is 100 and I want a 30% margin, what should I charge?\" with 142.86 (and shows the markup-on-cost, which is 42.86%). The active mode has a primary-colored button, the inputs re-label themselves to match, and the result block at the bottom updates on every keystroke. Copy button grabs the full description (\"20% of 200 = 40\"), the result is shown big and bold. History keeps the last 10 calculations with timestamps; tap the copy icon to re-copy. All math is integer-safe up to 1e15; numbers are formatted with thousand separators when large. 100% offline, no ads, no tracking.","long_description_id":"Empat kalkulasi persen dalam satu tool. Mode 1 — \"X% dari Y\" — menjawab \"berapa 20% dari 200?\" dengan 40. Mode 2 — \"perubahan %\" — menjawab \"berapa persen 100 tumbuh jadi 150?\" dengan +50% (dan memberitahu kamu naik). Mode 3 — \"nilai dasar\" — menjawab \"50 adalah 25% dari berapa?\" dengan 200. Mode 4 — \"Markup/Margin\" — menjawab \"kalau modal saya 100 dan saya mau margin 30%, berapa yang harus saya tagih?\" dengan 142.86 (dan menampilkan markup-on-cost, yaitu 42.86%). Mode aktif punya tombol berwarna primary, input mengubah labelnya untuk menyesuaikan, dan blok hasil di bawah update pada setiap ketukan. Tombol salin mengambil deskripsi lengkap (\"20% dari 200 = 40\"), hasilnya ditampilkan besar dan tebal. Riwayat menyimpan 10 kalkulasi terakhir dengan timestamp; ketuk ikon salin untuk menyalin ulang. Semua matematika aman integer sampai 1e15; angka diformat dengan pemisah ribuan ketika besar. 100% offline, tanpa iklan, tanpa tracking.","size":"11 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is the difference between markup and margin?","answer":"Markup and margin are both ways to express profit on a sale, but they use different bases. Markup = profit / cost × 100. A 50% markup on a $100 item means you add $50, selling at $150. Margin = profit / revenue × 100. A 50% margin on a $150 item means you keep $75 as profit (and $75 was cost). The two numbers are not the same: 50% margin = 100% markup. The tool solves for selling price given a target margin, and shows the equivalent markup in the result sub-line."},{"question":"How do I calculate percentage change correctly?","answer":"Percentage change is always (new − old) / old × 100. The old value is the base — never the new value, never the average. A common mistake is dividing by the new value, which gives a different (wrong) number. For example, going from 100 to 150 is a +50% change ((150−100)/100), not +33% (which would be (150−100)/150, a meaningless figure for growth)."},{"question":"What does \"base value\" mode solve?","answer":"Mode 3 answers \"X is Y% of what?\" Given the result and the percentage, it returns the base. Example: 30 is 15% of 200. This is the inverse of Mode 1, useful when you have a target value and a known percentage of a total and need to find the total. It is the kind of question that comes up in tax (\"tax is 11% of price, I paid $50 tax, price = ?\"), commission (\"commission is 5% of sale, I earned $200, sale = ?\"), and discount (\"discount is 20% of list, I saved $40, list = ?\") problems."},{"question":"Can I get more than 10 entries in history?","answer":"The cap is 10 to keep the UI tidy on phones. If you need a longer record, copy each calculation as you go (the Copy button captures both the description and the result). For batch calculations, you can also leave the page open and just keep typing — each new value pushes the oldest off, so the most recent 10 are always there."},{"question":"Is my data private?","answer":"Yes. The math is pure JavaScript running in the browser. The history is held in memory only and disappears on page refresh. There are no network calls, no analytics, no third-party scripts. You can use the tool for sensitive financial calculations (margin, pricing, commission rates) without any data leaving your device."}],"faq_id":[{"question":"Apa beda markup dan margin?","answer":"Markup dan margin keduanya cara mengekspresikan laba pada penjualan, tapi mereka menggunakan basis berbeda. Markup = laba / modal × 100. Markup 50% pada item $100 berarti kamu tambah $50, menjual di $150. Margin = laba / revenue × 100. Margin 50% pada item $150 berarti kamu menyimpan $75 sebagai laba (dan $75 adalah modal). Dua angka itu tidak sama: margin 50% = markup 100%. Tool menyelesaikan harga jual dari target margin, dan menampilkan markup ekuivalen di sub-baris hasil."},{"question":"Bagaimana menghitung perubahan % dengan benar?","answer":"Perubahan % selalu (baru − lama) / lama × 100. Nilai lama adalah basis — tidak pernah nilai baru, tidak pernah rata-rata. Kesalahan umum adalah membagi dengan nilai baru, yang memberikan angka berbeda (salah). Sebagai contoh, pergi dari 100 ke 150 adalah perubahan +50% ((150−100)/100), bukan +33% (yang akan jadi (150−100)/150, angka tidak bermakna untuk pertumbuhan)."},{"question":"Apa yang diselesaikan mode \"nilai dasar\"?","answer":"Mode 3 menjawab \"X adalah Y% dari berapa?\". Diberikan hasil dan persentase, mengembalikan basis. Contoh: 30 adalah 15% dari 200. Ini adalah inversi Mode 1, berguna ketika kamu punya nilai target dan persentase yang dikenal dari total dan perlu mencari total. Ini jenis pertanyaan yang muncul di masalah pajak (\"pajak 11% dari harga, saya bayar $50 pajak, harga = ?\"), komisi (\"komisi 5% dari penjualan, saya menghasilkan $200, penjualan = ?\"), dan diskon (\"diskon 20% dari daftar, saya hemat $40, daftar = ?\")."},{"question":"Bisakah saya dapat lebih dari 10 entri di riwayat?","answer":"Batasnya 10 untuk menjaga UI rapi di HP. Kalau kamu butuh catatan lebih panjang, salin tiap kalkulasi sambil jalan (tombol Salin mengambil deskripsi dan hasil). Untuk kalkulasi batch, kamu juga bisa membiarkan halaman tetap terbuka dan terus mengetik — tiap nilai baru mendorong yang tertua keluar, jadi 10 yang terbaru selalu ada."},{"question":"Apakah data saya privat?","answer":"Ya. Matematikanya adalah JavaScript murni yang berjalan di browser. Riwayat disimpan di memori saja dan hilang pada refresh halaman. Tidak ada panggilan jaringan, tidak ada analytics, tidak ada skrip pihak ketiga. Kamu bisa pakai tool untuk kalkulasi finansial sensitif (margin, harga, tarif komisi) tanpa data apa pun meninggalkan device kamu."}]},{"id":"d6f0a1b2-3c4d-4e5f-6a7b-8c9d0e1f2a3b","slug":"csv-json-converter","name":"CSV ↔ JSON Converter","name_id":"Konverter CSV ↔ JSON","icon":"⇄","category":"developer","meta_description":"Convert CSV to JSON and JSON to CSV. Custom delimiter, header detection, quoted fields, multi-line values, escaped quotes. Copy/download. 100% offline.","meta_description_id":"Konversi CSV ke JSON dan JSON ke CSV. Delimiter kustom, deteksi header, field ber-quote, multi-line value, escaped quote. Salin/unduh. 100% offline.","long_description":"A two-way CSV ↔ JSON converter that handles the messy real-world cases. The CSV parser supports four delimiters (comma, semicolon, tab, pipe), quoted fields with embedded delimiters, escaped double-quotes (\"\"), and multi-line values that span rows. JSON output can be an array of objects (using the first row as header) or an array of arrays. The JSON → CSV direction accepts an array of objects (or arrays), collects all keys, escapes cells that contain commas, quotes, or newlines, and emits a clean CSV with an auto-generated header. Both directions copy to clipboard and download as a file (.json or .csv). A Swap button moves the output to the input and flips the direction for round-trip testing. 100% offline, no CDN.","long_description_id":"Konverter CSV ↔ JSON dua arah yang menangani kasus dunia nyata yang berantakan. Parser CSV mendukung empat delimiter (koma, titik koma, tab, pipe), field ber-quote dengan delimiter tertanam, escaped double-quote (\"\"), dan multi-line value yang membentang beberapa baris. Output JSON bisa berupa array of objects (menggunakan baris pertama sebagai header) atau array of arrays. Arah JSON → CSV menerima array of objects (atau array), mengumpulkan semua key, escape cell yang berisi koma, quote, atau newline, dan emit CSV bersih dengan header otomatis. Kedua arah salin ke clipboard dan unduh sebagai file (.json atau .csv). Tombol Swap memindahkan output ke input dan flip arah untuk testing round-trip. 100% offline, tanpa CDN.","size":"14 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How does the CSV parser handle quoted fields?","answer":"Quoted fields start with a double-quote (\") and end at the next unescaped double-quote. Inside a quoted field, the delimiter and newline are treated as literal characters (not separators). To include a literal double-quote inside a quoted field, double it (\"\") — that is the CSV standard. So a cell with the value He said \"hi\" looks like \"He said \"\"hi\"\"\" in CSV. The parser handles this correctly; the value He said \"hi\" is what you get back in JSON."},{"question":"What is the difference between array-of-objects and array-of-arrays output?","answer":"Array of objects uses the first row as a header and produces one object per data row, with the header values as keys. This is the most common JSON representation for tabular data and matches what most APIs and downstream tools expect. Array of arrays emits every row (including the header) as a positional array. This preserves the exact row order with no key collisions and is useful when the header row contains duplicates, or when you want positional access. Toggle the option in the JSON output settings to switch."},{"question":"Why does the tool use a custom CSV parser instead of a library?","answer":"To keep the tool fully offline and zero-dependency. The standard library CSV parsers (PapaParse, csv-parse) are excellent but require either a CDN script or a build step. The in-house parser handles the 95% case (quoted fields, escaped quotes, multi-line values, custom delimiter, header detection) in about 60 lines of JS. It does not handle every edge of RFC 4180 (e.g. CR-only line endings, BOM handling beyond standard UTF-8) but it covers what real CSV files in the wild actually use."},{"question":"What does the Swap button do?","answer":"Swap moves the Output text into the Input field and flips the conversion direction in one click. This is the standard \"round-trip\" workflow: paste CSV in, convert to JSON, swap, convert back to JSON-as-CSV. If the two CSV outputs (modulo formatting and the object-to-array transformation) are identical, the round-trip is lossless. If they differ, you have found a CSV feature the parser does not preserve (e.g. a leading space inside a quoted field that the second pass trim-clipped)."},{"question":"Is my data private?","answer":"Yes. Both the CSV parser and the JSON serializer are pure JavaScript inlined in the HTML. There are no network calls and no CDN dependencies. Files are read by the browser FileReader API and stay on your device. You can convert internal CSV exports containing customer or financial data without worry."}],"faq_id":[{"question":"Bagaimana parser CSV menangani field ber-quote?","answer":"Field ber-quote dimulai dengan double-quote (\") dan berakhir di double-quote berikutnya yang tidak di-escape. Di dalam field ber-quote, delimiter dan newline diperlakukan sebagai karakter literal (bukan separator). Untuk menyertakan double-quote literal di dalam field ber-quote, dobelkan (\"\") — itu standar CSV. Jadi cell dengan nilai He said \"hi\" terlihat seperti \"He said \"\"hi\"\"\" di CSV. Parser menangani ini dengan benar; nilai He said \"hi\" adalah yang kamu dapatkan kembali di JSON."},{"question":"Apa beda output array-of-objects dan array-of-arrays?","answer":"Array of objects menggunakan baris pertama sebagai header dan menghasilkan satu object per baris data, dengan nilai header sebagai key. Ini representasi JSON paling umum untuk data tabel dan cocok dengan yang diharapkan kebanyakan API dan tool hilir. Array of arrays emit setiap baris (termasuk header) sebagai array posisional. Ini mempertahankan urutan baris persis tanpa tabrakan key dan berguna ketika baris header berisi duplikat, atau ketika kamu ingin akses posisional. Toggle opsi di pengaturan output JSON untuk beralih."},{"question":"Kenapa tool ini pakai parser CSV kustom dan bukan library?","answer":"Untuk menjaga tool tetap offline dan tanpa dependensi. Library parser CSV standar (PapaParse, csv-parse) sangat baik tapi butuh script CDN atau build step. Parser in-house menangani 95% kasus (field ber-quote, escaped quote, multi-line value, delimiter kustom, deteksi header) dalam sekitar 60 baris JS. Tidak menangani setiap edge RFC 4180 (mis. line ending CR-only, BOM handling di luar UTF-8 standar) tapi mencakup apa yang dipakai file CSV dunia nyata."},{"question":"Apa fungsi tombol Swap?","answer":"Swap memindahkan teks Output ke field Input dan flip arah konversi dalam satu klik. Ini workflow \"round-trip\" standar: tempel CSV, konversi ke JSON, swap, konversi kembali ke JSON-as-CSV. Kalau dua output CSV (modulo formatting dan transformasi object-ke-array) identik, round-trip lossless. Kalau mereka berbeda, kamu telah menemukan fitur CSV yang tidak dipertahankan parser (mis. leading space di dalam field ber-quote yang trim-clipped di pass kedua)."},{"question":"Apakah data saya privat?","answer":"Ya. Baik parser CSV maupun serializer JSON adalah JavaScript murni yang di-inline di HTML. Tidak ada panggilan jaringan dan tidak ada dependensi CDN. File dibaca oleh API FileReader browser dan tetap di device kamu. Kamu bisa mengonversi export CSV internal yang berisi data customer atau finansial tanpa khawatir."}]},{"id":"e7a1b2c3-4d5e-4f6a-7b8c-9d0e1f2a3b4c","slug":"lorem-ipsum-generator","name":"Lorem Ipsum Generator","name_id":"Generator Lorem Ipsum","icon":"¶","category":"text","meta_description":"Generate Lorem Ipsum placeholder text. 1-20 paragraphs or custom word count. Variants: classic, bacon-ipsum, hipster-ipsum. HTML or plain output. Copy. 100% offline.","meta_description_id":"Hasilkan teks placeholder Lorem Ipsum. 1-20 paragraf atau jumlah kata kustom. Varian: klasik, bacon-ipsum, hipster-ipsum. Output HTML atau plain. Salin. 100% offline.","long_description":"Three lorem-ipsum variants in one tool. Classic Lorem uses the standard 70-word Cicero-derived corpus that designers and typesetters have used for 500 years. Bacon Ipsum swaps in meat-themed words for restaurant and food projects. Hipster Ipsum pulls from the \"I must seem authentic\" vocabulary of craft coffee and fixie-bike branding. Choose Paragraphs mode (1-20 paragraphs, each with 3-6 sentences and 6-16 words per sentence) or Words mode (1-5000 words, with sentence-level pacing). The \"Start with Lorem ipsum\" toggle ensures the classic variant begins with the canonical opening. HTML output wraps each paragraph in

tags and is ready to drop into a page; plain output is just the text. Both Rendered and Source tabs are shown side-by-side so you can verify the HTML before copying. 100% offline, seeded RNG keeps output reproducible within a minute window.","long_description_id":"Tiga varian lorem-ipsum dalam satu tool. Lorem klasik pakai korpus 70-kata standar yang diturunkan dari Cicero yang dipakai desainer dan typesetter selama 500 tahun. Bacon Ipsum menukar kata-kata bertema daging untuk proyek restoran dan makanan. Hipster Ipsum menarik dari vocab \"saya harus terlihat otentik\" dari branding craft coffee dan fixie-bike. Pilih mode Paragraf (1-20 paragraf, masing-masing 3-6 kalimat dan 6-16 kata per kalimat) atau mode Kata (1-5000 kata, dengan pacing level kalimat). Toggle \"Mulai dengan Lorem ipsum\" memastikan varian klasik dimulai dengan pembuka kanonik. Output HTML membungkus setiap paragraf dalam tag

dan siap di-drop ke halaman; output plain hanya teks. Tab Tampil dan Sumber ditampilkan side-by-side supaya kamu bisa verifikasi HTML sebelum menyalin. 100% offline, seeded RNG menjaga output reproducible dalam jendela satu menit.","size":"12 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Why three variants instead of one?","answer":"Because generic lorem ipsum is boring and the \"right\" placeholder depends on the project. A restaurant landing page reads better with \"bacon ipsum\" — it sets the tone. A hipster coffee shop landing page reads better with hipster ipsum. A traditional corporate brochure reads better with the classic lorem. Having the right flavor of placeholder in the first round of design feedback prevents the client from anchoring on \"this is weird, change the words\" instead of \"this layout does not work.\" All three are pure word lists inlined in the HTML."},{"question":"How does the word-count and paragraph-count work?","answer":"Paragraphs mode generates exactly N paragraphs (1-20). Each paragraph has 3-6 sentences; each sentence has 6-16 words. So 5 paragraphs is roughly 200-400 words. Words mode generates sentences until the target word count is reached, then truncates the last sentence to fit cleanly. The \"Start with Lorem ipsum\" toggle (classic only) ensures the first 8 words of the output are the canonical opening so a designer or client does not need to manually paste \"Lorem ipsum dolor sit amet\" at the start."},{"question":"What is \"seeded RNG\" and why does it matter?","answer":"The generator uses a deterministic pseudo-random number generator seeded from the variant and current minute. That means if you click Generate twice within the same minute, you get the same output — useful for comparing layouts against identical copy. At the top of the next minute, the seed changes and you get fresh text. This is also why the Source tab always shows the same text you saw in Rendered: they are generated together, not separately."},{"question":"When should I use HTML output vs plain?","answer":"HTML output wraps each paragraph in a

tag and is meant to be pasted directly into a CMS rich-text field, a Markdown file, or an HTML template. Plain output is just the text and is meant to be dropped into a wireframe, a Figma frame, or anywhere you do not want markup. Switch with the \"Wrap in

tags\" checkbox before generating. The Download button picks the extension based on the current setting: .html for HTML, .txt for plain."},{"question":"Is my data private?","answer":"Yes. The word dictionaries are pure JS arrays inlined in the HTML. The RNG is a mulberry32 implementation also inlined. There are no network calls, no CDN, no analytics. The output is generated locally and never sent anywhere. You can use the tool for client work without any data leaving your device."}],"faq_id":[{"question":"Kenapa tiga varian dan bukan satu?","answer":"Karena lorem ipsum generic membosankan dan placeholder yang \"tepat\" tergantung proyek. Landing page restoran lebih terbaca dengan \"bacon ipsum\" — itu mengatur tone. Landing page kedai kopi hipster lebih terbaca dengan hipster ipsum. Brosur korporat tradisional lebih terbaca dengan lorem klasik. Punya rasa placeholder yang tepat di ronde pertama feedback desain mencegah klien beranchor pada \"ini aneh, ganti kata-katanya\" alih-alih \"layout ini tidak bekerja.\" Ketiganya adalah daftar kata murni yang di-inline di HTML."},{"question":"Bagaimana kerja jumlah kata dan jumlah paragraf?","answer":"Mode paragraf menghasilkan tepat N paragraf (1-20). Tiap paragraf punya 3-6 kalimat; tiap kalimat punya 6-16 kata. Jadi 5 paragraf kira-kira 200-400 kata. Mode kata menghasilkan kalimat sampai jumlah kata target tercapai, lalu memotong kalimat terakhir untuk pas. Toggle \"Mulai dengan Lorem ipsum\" (klasik saja) memastikan 8 kata pertama output adalah pembuka kanonik supaya desainer atau klien tidak perlu menempel \"Lorem ipsum dolor sit amet\" secara manual di awal."},{"question":"Apa itu \"seeded RNG\" dan kenapa penting?","answer":"Generator menggunakan pseudo-random number generator deterministik yang di-seed dari varian dan menit saat ini. Artinya kalau kamu klik Generate dua kali dalam menit yang sama, kamu mendapat output yang sama — berguna untuk membandingkan layout melawan copy identik. Di awal menit berikutnya, seed berubah dan kamu mendapat teks baru. Ini juga kenapa tab Sumber selalu menampilkan teks yang sama dengan yang kamu lihat di Tampil: mereka dihasilkan bersama, bukan terpisah."},{"question":"Kapan saya pakai output HTML vs plain?","answer":"Output HTML membungkus setiap paragraf dalam tag

dan dimaksudkan untuk ditempel langsung ke field rich-text CMS, file Markdown, atau template HTML. Output plain hanya teks dan dimaksudkan untuk di-drop ke wireframe, frame Figma, atau di mana pun kamu tidak ingin markup. Beralih dengan checkbox \"Bungkus dengan tag

\" sebelum menghasilkan. Tombol Unduh memilih ekstensi berdasarkan pengaturan saat ini: .html untuk HTML, .txt untuk plain."},{"question":"Apakah data saya privat?","answer":"Ya. Kamus kata adalah array JS murni yang di-inline di HTML. RNG adalah implementasi mulberry32 yang juga di-inline. Tidak ada panggilan jaringan, tidak ada CDN, tidak ada analytics. Output dihasilkan secara lokal dan tidak pernah dikirim ke mana pun. Kamu bisa pakai tool untuk pekerjaan klien tanpa data apa pun meninggalkan device kamu."}]},{"id":"f8b2c3d4-5e6f-4a7b-8c9d-0e1f2a3b4c5d","slug":"markdown-to-html","name":"Markdown to HTML","name_id":"Markdown ke HTML","icon":"M↓","category":"text","meta_description":"Convert Markdown to HTML with live side-by-side preview. Headings, bold/italic, code blocks, lists, links, images, tables, blockquotes. Copy HTML, download .html. 100% offline.","meta_description_id":"Konversi Markdown ke HTML dengan pratinjau side-by-side langsung. Heading, bold/italic, code block, list, link, gambar, tabel, blockquote. Salin HTML, unduh .html. 100% offline.","long_description":"A focused Markdown-to-HTML converter with live preview. The Markdown is on the left (or top on mobile), the rendered HTML is on the right (or bottom on mobile), and a third card below shows the live-rendered preview so you can see exactly what the browser will paint. Supports headings (# through ######), bold (**text** or __text__), italic (*text* or _text_), inline code (`code`), fenced code blocks (``` with optional language), unordered and ordered lists (with one level of nesting), links ([text](url)), images (![alt](src)), tables (with alignment markers :---:, :---, ---:), blockquotes (>), and horizontal rules (---). The \"Wrap in document\" toggle adds a full wrapper with a minimal stylesheet so the downloaded file renders correctly on its own. Copy HTML button copies the raw HTML; Download button saves it as document.html. 100% offline, no CDN, the parser is custom pure-JS in the page.","long_description_id":"Konverter Markdown-ke-HTML yang fokus dengan pratinjau langsung. Markdown ada di kiri (atau atas di HP), HTML yang di-render ada di kanan (atau bawah di HP), dan kartu ketiga di bawah menampilkan pratinjau yang di-render langsung supaya kamu bisa melihat persis apa yang akan di-cat browser. Mendukung heading (# sampai ######), bold (**text** atau __text__), italic (*text* atau _text_), inline code (`code`), fenced code block (``` dengan bahasa opsional), unordered dan ordered list (dengan satu level nesting), link ([text](url)), gambar (![alt](src)), tabel (dengan penanda alignment :---:, :---, ---:), blockquote (>), dan horizontal rule (---). Toggle \"Bungkus dalam dokumen\" menambah wrapper penuh dengan stylesheet minimal supaya file yang diunduh render dengan benar sendiri. Tombol Salin HTML menyalin HTML mentah; tombol Unduh menyimpannya sebagai document.html. 100% offline, tanpa CDN, parser adalah JS murni kustom di halaman.","size":"18 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Which Markdown features are supported?","answer":"Headings (# to ######), bold (**text** / __text__), italic (*text* / _text_), inline code (`code`), fenced code blocks (``` with optional language class), unordered lists (-, *, +), ordered lists (1. 2. 3.), links ([text](url)), images (![alt](url)), tables with alignment (:---: / :--- / ---:), blockquotes (>), and horizontal rules (--- or *** or ___). NOT supported: nested fenced code, nested lists deeper than one level, reference-style links ([text][ref]), footnotes, task lists (- [x]), strikethrough (~~text~~), HTML pass-through (raw HTML in Markdown is escaped, not interpreted), and reference-style images. The parser is about 200 lines of custom JS inlined in the page."},{"question":"Why use a custom parser instead of marked.js or showdown?","answer":"To keep the tool fully offline and zero-dependency. The popular Markdown libraries (marked, showdown, markdown-it) are excellent but require either a CDN script (network request) or a build step (npm + bundler). The in-house parser handles 95% of common Markdown in about 200 lines. The trade-off is that some advanced features (nested lists deeper than 1, raw HTML pass-through, reference-style links) are not supported. For typical blog posts, READMEs, and documentation, the in-house parser produces clean, predictable HTML."},{"question":"What does the \"Wrap in document\" toggle do?","answer":"When on, the output is a complete standalone HTML document: , , with charset and viewport meta, a , a minimal <style> block that styles code, blockquotes, and tables nicely, and the body with your converted content. You can download this and open it in any browser and it will render correctly. When off, the output is just the inner HTML (the <h1>, <p>, etc. tags without the document wrapper), suitable for pasting into a larger page or CMS rich-text field."},{"question":"How does the live preview work?","answer":"Every keystroke in the Markdown textarea triggers a re-parse (sub-millisecond for typical documents) and updates both the HTML output card and the rendered preview card. The preview uses the same HTML you see in the output card, but rendered into the live preview area as DOM. So what you see is what the browser will paint. The download button captures the HTML at the moment you click; copy captures the same. There is no debounce because the parser is fast enough that typing 80 wpm does not cause lag on a modern phone."},{"question":"Is my data private?","answer":"Yes. The parser is custom pure-JS inlined in the HTML. There are no network calls, no CDN scripts, no analytics. The Markdown is processed locally in the browser and never sent anywhere. You can use the tool for sensitive internal documentation, draft blog posts, or any content you do not want leaving your device."}],"faq_id":[{"question":"Fitur Markdown apa yang didukung?","answer":"Heading (# sampai ######), bold (**text** / __text__), italic (*text** / _text_), inline code (`code`), fenced code block (``` dengan class bahasa opsional), unordered list (-, *, +), ordered list (1. 2. 3.), link ([text](url)), gambar (![alt](url)), tabel dengan alignment (:---: / :--- / ---:), blockquote (>), dan horizontal rule (--- atau *** atau ___). TIDAK didukung: nested fenced code, list bersarang lebih dari satu level, reference-style link ([text][ref]), footnote, task list (- [x]), strikethrough (~~text~~), HTML pass-through (HTML mentah di Markdown di-escape, tidak di-interpretasi), dan reference-style image. Parser sekitar 200 baris JS kustom yang di-inline di halaman."},{"question":"Kenapa pakai parser kustom dan bukan marked.js atau showdown?","answer":"Untuk menjaga tool tetap offline dan tanpa dependensi. Library Markdown populer (marked, showdown, markdown-it) sangat baik tapi butuh script CDN (panggilan jaringan) atau build step (npm + bundler). Parser in-house menangani 95% Markdown umum dalam sekitar 200 baris. Trade-off-nya adalah beberapa fitur lanjutan (list bersarang lebih dari 1, raw HTML pass-through, reference-style link) tidak didukung. Untuk posting blog, README, dan dokumentasi tipikal, parser in-house menghasilkan HTML yang bersih dan dapat diprediksi."},{"question":"Apa yang dilakukan toggle \"Bungkus dalam dokumen\"?","answer":"Ketika aktif, output adalah dokumen HTML standalone lengkap: <!DOCTYPE html>, <html>, <head> dengan charset dan viewport meta, <title>, blok <style> minimal yang men-style code, blockquote, dan tabel dengan rapi, dan body dengan konten yang dikonversi. Kamu bisa mengunduh ini dan membukanya di browser mana pun dan akan render dengan benar. Ketika nonaktif, output hanya HTML bagian dalam (tag <h1>, <p>, dll. tanpa wrapper dokumen), cocok untuk ditempel ke halaman yang lebih besar atau field rich-text CMS."},{"question":"Bagaimana kerja pratinjau langsung?","answer":"Tiap ketukan di textarea Markdown memicu re-parse (sub-millisecond untuk dokumen tipikal) dan memperbarui baik kartu output HTML maupun kartu pratinjau yang di-render. Pratinjau menggunakan HTML yang sama dengan yang kamu lihat di kartu output, tapi di-render ke area pratinjau langsung sebagai DOM. Jadi yang kamu lihat adalah yang akan di-cat browser. Tombol unduh menangkap HTML pada saat kamu klik; salin menangkap yang sama. Tidak ada debounce karena parser cukup cepat sehingga mengetik 80 wpm tidak menyebabkan lag di HP modern."},{"question":"Apakah data saya privat?","answer":"Ya. Parser adalah JS murni kustom yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada script CDN, tidak ada analytics. Markdown diproses secara lokal di browser dan tidak pernah dikirim ke mana pun. Kamu bisa pakai tool untuk dokumentasi internal sensitif, draf posting blog, atau konten apa pun yang tidak kamu ingin meninggalkan device kamu."}]},{"id":"a9c3d4e5-6f7a-4b8c-9d0e-1f2a3b4c5d6e","slug":"binary-text-converter","name":"Binary / Hex / Base32 / Octal Converter","name_id":"Konverter Biner / Hex / Base32 / Oktal","icon":"01","category":"developer","meta_description":"Convert text to and from binary (8-bit ASCII), hex, base32, and octal. Multi-format. Spacing and separator options. Copy all. 100% offline.","meta_description_id":"Konversi teks ke dan dari biner (8-bit ASCII), hex, base32, dan oktal. Multi-format. Opsi spasi dan separator. Salin semua. 100% offline.","long_description":"A multi-format numeric encoding tool for text. Encode any UTF-8 string into four representations at once: Binary (8-bit ASCII, separated by space by default), Hex (lowercase or uppercase, space-separated), Base32 (RFC 4648, the same alphabet used in TOTP and many crypto libraries), and Octal (3-digit, space-separated). The Decode tab reverses the process: pick the format, optionally specify a separator, paste the encoded text, and get the original string back. Invalid characters produce a clear error message (\"not valid binary\", \"not valid hex\", etc.) so you know exactly which format is expected. UTF-8 is handled correctly — emojis and accented characters round-trip cleanly because the converter operates on bytes, not characters. The Copy All button grabs all four encoded forms with their labels, one per line. 100% offline, no CDN.","long_description_id":"Tool encoding numerik multi-format untuk teks. Encode string UTF-8 apa pun ke empat representasi sekaligus: Biner (8-bit ASCII, dipisah spasi secara default), Hex (huruf kecil atau besar, dipisah spasi), Base32 (RFC 4648, alfabet yang sama dipakai di TOTP dan banyak library kripto), dan Oktal (3-digit, dipisah spasi). Tab Decode memutar balik proses: pilih format, tentukan separator opsional, tempel teks ter-encode, dan dapatkan string asli kembali. Karakter tidak valid menghasilkan pesan error yang jelas (\"bukan biner valid\", \"bukan hex valid\", dll.) jadi kamu tahu persis format mana yang diharapkan. UTF-8 ditangani dengan benar — emoji dan karakter aksen round-trip dengan bersih karena konverter beroperasi pada byte, bukan karakter. Tombol Salin Semua mengambil keempat bentuk ter-encode dengan labelnya, satu per baris. 100% offline, tanpa CDN.","size":"12 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is the difference between binary, hex, base32, and octal?","answer":"All four are positional numeral systems that represent the same underlying bytes. Binary is base 2 (each digit is 0 or 1) — the native format of computers. Hex is base 16 (digits 0-9, A-F) — the most common shorthand for binary because each hex digit represents 4 binary digits, so 4 bytes (32 bits) become 8 hex characters. Base32 is base 32 (alphabet A-Z and 2-7) — less compact than hex but case-insensitive and URL-safe, used in TOTP secrets and some file systems. Octal is base 8 (digits 0-7) — older Unix file permissions and some assembly languages. They are interchangeable representations; the tool lets you pick whichever is most convenient for the context."},{"question":"How does the UTF-8 handling work?","answer":"The tool operates on bytes, not characters. The encode step uses TextEncoder to convert the input string to a UTF-8 byte array, then formats each byte in the chosen representation. The decode step parses the encoded form back to a byte array, then uses TextDecoder with the fatal flag to convert bytes back to a string. If the byte array is not valid UTF-8, the decoder throws and the tool falls back to a lossy ASCII visualization (replacing each non-ASCII byte with a dot). This means emoji and accented characters round-trip cleanly in the encode/decode direction, but pasting random binary that is not UTF-8 will give you the lossy fallback."},{"question":"Why is Base32 padded with = signs?","answer":"Base32 represents bytes in 5-bit groups. The input byte count is rarely a multiple of 5, so the output is padded with = signs to make its length a multiple of 8 characters. This is the RFC 4648 standard. The decoder strips trailing = signs before processing, so you can paste Base32 with or without the padding. The alphabet is the standard A-Z, 2-7 (32 symbols), which is why Base32 is case-insensitive — the encoder emits uppercase by convention, but the decoder accepts both cases."},{"question":"What does the separator option do on the Decode tab?","answer":"By default the decoder strips all whitespace, so a hex string with spaces, a binary string with spaces, or an octal string with newlines all parse correctly. The separator field lets you declare a specific separator (e.g. a colon, a comma, or \"0x\") that you want preserved in the output display. The decoder itself does not care what separator you use; it just removes all non-hex/non-binary/non-octal characters before parsing. The field is mostly for documentation — paste your formatted input, see it parsed correctly."},{"question":"Is my data private?","answer":"Yes. The encoders and decoders are pure JavaScript implementations of the standard algorithms, inlined in the HTML. There are no network calls and no CDN. The text you encode or decode never leaves your device. You can convert sensitive strings (passwords, tokens, internal IDs) without any data being transmitted."}],"faq_id":[{"question":"Apa beda biner, hex, base32, dan oktal?","answer":"Keempatnya adalah sistem numeral posisional yang merepresentasikan byte yang sama. Biner adalah basis 2 (tiap digit 0 atau 1) — format asli komputer. Hex adalah basis 16 (digit 0-9, A-F) — singkatan paling umum untuk biner karena tiap digit hex merepresentasikan 4 digit biner, jadi 4 byte (32 bit) menjadi 8 karakter hex. Base32 adalah basis 32 (alfabet A-Z dan 2-7) — kurang ringkas dari hex tapi case-insensitive dan URL-safe, dipakai di secret TOTP dan beberapa file system. Oktal adalah basis 8 (digit 0-7) — permission file Unix lama dan beberapa bahasa assembly. Mereka adalah representasi yang dapat dipertukarkan; tool memungkinkan kamu pilih mana pun yang paling удобно untuk konteksnya."},{"question":"Bagaimana kerja penanganan UTF-8?","answer":"Tool beroperasi pada byte, bukan karakter. Langkah encode memakai TextEncoder untuk mengonversi string input ke array byte UTF-8, lalu memformat tiap byte dalam representasi yang dipilih. Langkah decode mem-parse bentuk ter-encode kembali ke array byte, lalu memakai TextDecoder dengan flag fatal untuk mengonversi byte kembali ke string. Kalau array byte bukan UTF-8 valid, decoder melempar error dan tool fallback ke visualisasi ASCII lossy (mengganti tiap byte non-ASCII dengan titik). Ini berarti emoji dan karakter aksen round-trip dengan bersih di arah encode/decode, tapi menempel biner acak yang bukan UTF-8 akan memberimu fallback lossy."},{"question":"Kenapa Base32 di-padding dengan tanda =?","answer":"Base32 merepresentasikan byte dalam grup 5-bit. Jumlah byte input jarang merupakan kelipatan 5, jadi output di-padding dengan tanda = untuk membuat panjangnya kelipatan 8 karakter. Ini standar RFC 4648. Decoder memotong tanda = di akhir sebelum memproses, jadi kamu bisa menempel Base32 dengan atau tanpa padding. Alfabetnya adalah standar A-Z, 2-7 (32 simbol), itulah kenapa Base32 case-insensitive — encoder emit huruf besar berdasarkan konvensi, tapi decoder menerima kedua kasus."},{"question":"Apa yang dilakukan opsi separator di tab Decode?","answer":"Secara default decoder menghapus semua whitespace, jadi string hex dengan spasi, string biner dengan spasi, atau string oktal dengan newline semua parse dengan benar. Field separator memungkinkan kamu mendeklarasikan separator spesifik (mis. titik dua, koma, atau \"0x\") yang ingin kamu pertahankan di tampilan output. Decoder sendiri tidak peduli separator apa yang kamu pakai; dia hanya menghapus semua karakter non-hex/non-biner/non-oktal sebelum parsing. Field tersebut kebanyakan untuk dokumentasi — tempel input terformat kamu, lihat ia ter-parse dengan benar."},{"question":"Apakah data saya privat?","answer":"Ya. Encoder dan decoder adalah implementasi JavaScript murni dari algoritma standar, di-inline di HTML. Tidak ada panggilan jaringan dan tidak ada CDN. Teks yang kamu encode atau decode tidak pernah meninggalkan device kamu. Kamu bisa mengonversi string sensitif (password, token, ID internal) tanpa data apa pun yang ditransmisikan."}]},{"id":"b0d4e5f6-7a8b-4c9d-0e1f-2a3b4c5d6e7f","slug":"compound-interest-calculator","name":"Compound Interest Calculator","name_id":"Kalkulator Bunga Majemuk","icon":"Σ","category":"finance","meta_description":"Compound interest with monthly contribution, inflation adjustment, and tax. Year-by-year breakdown. IDR/USD toggle. Real (inflation-adjusted) value. 100% offline.","meta_description_id":"Bunga majemuk dengan setoran bulanan, penyesuaian inflasi, dan pajak. Breakdown tahun per tahun. Toggle IDR/USD. Nilai riil (adjusted inflasi). 100% offline.","long_description":"A compound interest calculator that goes beyond the basics. Set the initial principal, the monthly contribution, the annual interest rate, the time horizon in years, the compounding frequency (monthly, quarterly, semi-annually, annually), the annual inflation rate, and optionally a tax rate on gains. The summary tiles show the final nominal value, total contributed, total interest earned, and the real (inflation-adjusted) value at the end of the period. The year-by-year breakdown table shows the running balance, contributions for that year, interest earned that year, and the inflation-adjusted real value. Tax owed and net after tax appear as extra tiles when tax is non-zero. The currency toggle flips between IDR (Rp 1.234.567, full no-decimal format) and USD ($1,234.57, with cents). 100% offline, no external rate lookups, the math is the standard compound-interest-with-recurring-contribution formula run per period.","long_description_id":"Kalkulator bunga majemuk yang melampaui dasar. Atur modal awal, setoran bulanan, tingkat bunga tahunan, horizon waktu dalam tahun, frekuensi compounding (bulanan, kuartalan, semi-tahunan, tahunan), tingkat inflasi tahunan, dan opsionalnya tarif pajak atas bunga. Tile ringkasan menampilkan nilai nominal akhir, total setoran, total bunga yang dihasilkan, dan nilai riil (adjusted inflasi) di akhir periode. Tabel breakdown tahun per tahun menampilkan saldo berjalan, setoran untuk tahun itu, bunga yang dihasilkan tahun itu, dan nilai riil adjusted inflasi. Pajak terutang dan bersih setelah pajak muncul sebagai tile ekstra ketika pajak non-nol. Toggle currency beralih antara IDR (Rp 1.234.567, format tanpa desimal) dan USD ($1,234.57, dengan sen). 100% offline, tanpa lookup rate eksternal, matematikanya adalah formula standar bunga majemuk-dengan-seteroran-berulang yang dijalankan per periode.","size":"13 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How is the compound interest calculated with monthly contributions?","answer":"The tool runs a period-by-period simulation. For each compounding period (monthly, quarterly, etc.) it adds the per-period contribution, then multiplies the new balance by (1 + annual_rate / periods_per_year). This handles arbitrary compounding frequencies correctly. The per-period contribution is (monthly_contribution × 12 / periods_per_year), so the total annual contribution matches your monthly input regardless of the compounding frequency. The \"Contribute at start of month\" toggle controls whether the contribution is added before or after the interest accrues in that period."},{"question":"What is the real (inflation-adjusted) value?","answer":"The real value is what your nominal future value would buy in today's prices, accounting for inflation. The formula is real = nominal / (1 + inflation_rate)^years. So if you end up with Rp 1 billion after 20 years and inflation was 3% per year, the real value is Rp 1B / 1.03^20 = Rp 554 million in today's money. This tells you whether your investment is actually growing in purchasing power or just keeping up with rising prices. A 6% return with 3% inflation is a real 3% return, which doubles purchasing power in ~24 years."},{"question":"How does the tax on gains work?","answer":"Tax is applied once at the end, on the total interest earned (not on each period). The tool sums all interest over the lifetime of the investment, multiplies by your tax rate, and shows the tax owed and the net after-tax value. This is a simplification — actual tax rules may tax gains annually, allow cost-basis adjustments, or apply different rates to different holding periods. Use the tool for planning scenarios, not for tax filing. The tax field is optional; set to 0% for tax-advantaged accounts (401k, Roth IRA, Indonesian Reksa Dana)."},{"question":"What is the difference between compound frequencies?","answer":"Compounding frequency controls how often interest is added to the balance. Monthly means interest is calculated 12 times per year, quarterly 4 times, semi-annually 2 times, annually once. More frequent compounding produces a slightly higher final value because interest earns interest sooner. For a 6% annual rate over 20 years on Rp 10M with no contributions: monthly compounding gives Rp 33.1M, quarterly gives Rp 32.9M, annual gives Rp 32.1M. The difference is small for low rates and short periods, larger for high rates over decades. Most savings accounts and CDs compound monthly; most bonds compound semi-annually."},{"question":"Is my data private?","answer":"Yes. The math is pure JavaScript inlined in the HTML. There are no network calls, no API lookups for current rates, no CDN. The currency formatting is local JavaScript. The values you enter and the results you see never leave your device. You can use the tool to plan your personal finances, model retirement scenarios, or estimate loan costs without any data being transmitted."}],"faq_id":[{"question":"Bagaimana bunga majemuk dihitung dengan setoran bulanan?","answer":"Tool menjalankan simulasi periode demi periode. Untuk tiap periode compounding (bulanan, kuartalan, dll.) ia menambah setoran per-periode, lalu mengalikan saldo baru dengan (1 + tarif_tahunan / periode_per_tahun). Ini menangani frekuensi compounding sembarang dengan benar. Setoran per-periode adalah (setoran_bulanan × 12 / periode_per_tahun), jadi total setoran tahunan cocok dengan input bulanan kamu terlepas dari frekuensi compounding. Toggle \"Setor di awal bulan\" mengontrol apakah setoran ditambahkan sebelum atau setelah bunga bertambah di periode itu."},{"question":"Apa itu nilai riil (adjusted inflasi)?","answer":"Nilai riil adalah apa yang bisa dibeli oleh nilai nominal masa depan kamu dalam harga hari ini, dengan memperhitungkan inflasi. Formulanya adalah real = nominal / (1 + tarif_inflasi)^tahun. Jadi kalau kamu berakhir dengan Rp 1 miliar setelah 20 tahun dan inflasi 3% per tahun, nilai riilnya adalah Rp 1M / 1.03^20 = Rp 554 juta dalam uang hari ini. Ini memberitahu kamu apakah investasimu benar-benar tumbuh dalam daya beli atau hanya mengikuti harga yang naik. Return 6% dengan inflasi 3% adalah return riil 3%, yang menggandakan daya beli dalam ~24 tahun."},{"question":"Bagaimana kerja pajak atas bunga?","answer":"Pajak diterapkan sekali di akhir, atas total bunga yang dihasilkan (bukan di tiap periode). Tool menjumlahkan semua bunga selama masa investasi, mengalikan dengan tarif pajak kamu, dan menampilkan pajak terutang dan nilai bersih setelah pajak. Ini adalah penyederhanaan — aturan pajak aktual mungkin memajaki gain tahunan, memperbolehkan penyesuaian cost-basis, atau menerapkan tarif berbeda untuk periode holding berbeda. Pakai tool untuk skenario perencanaan, bukan untuk filing pajak. Field pajak opsional; atur ke 0% untuk akun yang di-tax-advantage (401k, Roth IRA, Reksa Dana Indonesia)."},{"question":"Apa beda frekuensi compounding?","answer":"Frekuensi compounding mengontrol seberapa sering bunga ditambahkan ke saldo. Bulanan berarti bunga dihitung 12 kali per tahun, kuartalan 4 kali, semi-tahunan 2 kali, tahunan sekali. Compounding lebih sering menghasilkan nilai akhir sedikit lebih tinggi karena bunga menghasilkan bunga lebih cepat. Untuk tarif 6% tahunan selama 20 tahun pada Rp 10 juta tanpa setoran: compounding bulanan memberi Rp 33,1 juta, kuartalan memberi Rp 32,9 juta, tahunan memberi Rp 32,1 juta. Bedanya kecil untuk tarif rendah dan periode pendek, lebih besar untuk tarif tinggi selama dekade. Kebanyakan rekening tabungan dan CD compounding bulanan; kebanyakan obligasi compounding semi-tahunan."},{"question":"Apakah data saya privat?","answer":"Ya. Matematikanya adalah JavaScript murni yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada lookup API untuk tarif saat ini, tidak ada CDN. Formatting currency adalah JavaScript lokal. Nilai yang kamu masukkan dan hasil yang kamu lihat tidak pernah meninggalkan device kamu. Kamu bisa pakai tool untuk merencanakan keuangan pribadi, memodelkan skenario pensiun, atau memperkirakan biaya pinjaman tanpa data apa pun yang ditransmisikan."}]},{"id":"b99a7a96-0672-4d1f-b7aa-85ec3abc855a","slug":"jwt-generator","name":"JWT Generator","name_id":"Generator JWT","icon":"🔏","category":"developer","meta_description":"Sign JWT with HS256/HS384/HS512, decode tokens, edit header/payload, claim presets (iat/exp/iss/aud/jti), Web Crypto API. 100% offline.","meta_description_id":"Sign JWT dengan HS256/HS384/HS512, decode token, edit header/payload, preset claim (iat/exp/iss/aud/jti), Web Crypto API. 100% offline.","long_description":"A complete JWT workbench. The Sign tab lets you compose the header (alg, typ, kid) and the payload (any JSON), choose HS256/HS384/HS512, paste or auto-generate a secret, and produce a signed token using the browser Web Crypto API. Claim presets insert iat = now, exp = +1h/+24h/+7d, iss, aud, and a random jti with one tap. The Decode tab takes any token and shows the header, payload (with the standard claim names iss/sub/aud/exp/nbf/iat/jti annotated, and exp highlighted green/amber/red based on remaining lifetime), and the signature. The \"Use in Sign\" button takes a decoded token back into the Sign tab so you can tweak and re-sign it. Header editors warn on invalid JSON, secret box can be hidden or shown, and a random-secret button generates 32 bytes of hex. Everything runs in your browser — tokens and secrets never leave your device.","long_description_id":"Workbench JWT lengkap. Tab Sign memungkinkan kamu menyusun header (alg, typ, kid) dan payload (JSON apapun), pilih HS256/HS384/HS512, tempel atau auto-generate secret, dan hasilkan token tertandatangani menggunakan Web Crypto API browser. Preset claim menyisipkan iat = sekarang, exp = +1 jam/+24 jam/+7 hari, iss, aud, dan jti acak dengan satu ketuk. Tab Decode mengambil token apapun dan menampilkan header, payload (dengan nama claim standar iss/sub/aud/exp/nbf/iat/jti dianotasi, dan exp ditandai hijau/kuning/merah berdasarkan sisa masa berlaku), dan tanda tangan. Tombol \"Pakai di Sign\" mengembalikan token yang di-decode ke tab Sign supaya kamu bisa memodifikasi dan menandatangani ulang. Editor header memperingatkan pada JSON tidak valid, kotak secret bisa disembunyikan atau ditampilkan, dan tombol random-secret menghasilkan 32 byte hex. Semua berjalan di browser kamu — token dan secret tidak pernah meninggalkan device kamu.","size":"18 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Does this verify JWT signatures?","answer":"The Decode tab shows the signature but does not verify it. Verification requires the right algorithm (HMAC for HS*, RSA/ECDSA for RS*/ES*) and the matching key. Use a server-side library like jsonwebtoken (Node), jose (Node/browser), or pyjwt (Python) for verification. The Sign tab uses Web Crypto HMAC and produces a signature that any standard verifier can check given the same secret and algorithm."},{"question":"Why only HS256/HS384/HS512 and not RS256/ES256?","answer":"RS256 and ES256 use RSA and ECDSA asymmetric keys, which require importing a PEM private key. That works in browsers but the input UX is much messier (PEM parsing, key import via crypto.subtle.importKey with format=spki/pkcs8). HS256/384/512 cover the most common use case (shared-secret API tokens, internal service-to-service auth, local development) and stay truly offline. For RS/ES signing in the browser, use a tool dedicated to asymmetric keys."},{"question":"What is the iat/exp preset?","answer":"iat (issued at) and exp (expiration) are standard JWT claims that store Unix seconds. The +1h/+24h/+7d buttons set exp to that many seconds in the future from now. The iat preset sets iat to the current Unix time. The jti preset generates 16 random hex characters for a unique token ID, useful for one-time tokens, password resets, or preventing replay attacks."},{"question":"How does the random secret generator work?","answer":"It calls crypto.getRandomValues on a 32-byte Uint8Array (256 bits) and renders it as 64 hex characters. That meets the HS256 minimum key length (256 bits per RFC 7518 §3.2), the HS384 minimum (384 bits — short by 16 hex chars but still cryptographically strong), and the HS512 minimum (512 bits — also short). For HS384/HS512 you should use a 48-byte or 64-byte secret. Treat generated secrets like passwords — copy them into your secret manager and never commit them."},{"question":"Is my secret sent anywhere?","answer":"No. Both signing and decoding are pure client-side JavaScript using the Web Crypto API. The secret, the header, the payload, and the resulting token all stay in your browser. There is no fetch, no XHR, no WebSocket, no CDN. You can use the tool to sign tokens for local development, test JWT-protected endpoints, or generate throwaway tokens without any data being transmitted."}],"faq_id":[{"question":"Apakah ini memverifikasi tanda tangan JWT?","answer":"Tab Decode menampilkan tanda tangan tapi tidak memverifikasinya. Verifikasi butuh algoritma yang tepat (HMAC untuk HS*, RSA/ECDSA untuk RS*/ES*) dan kunci yang cocok. Pakai library sisi server seperti jsonwebtoken (Node), jose (Node/browser), atau pyjwt (Python) untuk verifikasi. Tab Sign menggunakan Web Crypto HMAC dan menghasilkan tanda tangan yang bisa dicek oleh verifier standar mana pun dengan secret dan algoritma yang sama."},{"question":"Kenapa hanya HS256/HS384/HS512 dan bukan RS256/ES256?","answer":"RS256 dan ES256 memakai kunci asimetris RSA dan ECDSA, yang butuh impor private key PEM. Itu berfungsi di browser tapi UX input jauh lebih berantakan (parsing PEM, impor key via crypto.subtle.importKey dengan format=spki/pkcs8). HS256/384/512 mencakup kasus penggunaan paling umum (token API shared-secret, auth service-to-service internal, development lokal) dan tetap benar-benar offline. Untuk signing RS/ES di browser, pakai tool yang didedikasikan untuk kunci asimetris."},{"question":"Apa itu preset iat/exp?","answer":"iat (issued at) dan exp (expiration) adalah claim standar JWT yang menyimpan Unix seconds. Tombol +1 jam/+24 jam/+7 hari mengatur exp ke detik sebanyak itu di masa depan dari sekarang. Preset iat mengatur iat ke waktu Unix saat ini. Preset jti menghasilkan 16 karakter hex acak untuk ID token unik, berguna untuk token sekali pakai, reset password, atau mencegah serangan replay."},{"question":"Bagaimana kerja generator secret acak?","answer":"Ia memanggil crypto.getRandomValues pada Uint8Array 32 byte (256 bit) dan merendernya sebagai 64 karakter hex. Itu memenuhi panjang kunci minimum HS256 (256 bit per RFC 7518 §3.2), minimum HS384 (384 bit — kurang 16 karakter hex tapi tetap kuat secara kriptografis), dan minimum HS512 (512 bit — juga kurang). Untuk HS384/HS512 kamu harus pakai secret 48 byte atau 64 byte. Perlakukan secret yang di-generate seperti password — salin ke secret manager kamu dan jangan pernah commit."},{"question":"Apakah secret saya dikirim ke mana pun?","answer":"Tidak. Baik signing maupun decoding adalah JavaScript murni sisi client yang memakai Web Crypto API. Secret, header, payload, dan token yang dihasilkan semuanya tetap di browser kamu. Tidak ada fetch, tidak ada XHR, tidak ada WebSocket, tidak ada CDN. Kamu bisa pakai tool untuk sign token untuk development lokal, test endpoint yang dilindungi JWT, atau menghasilkan token sekali pakai tanpa data apa pun yang ditransmisikan."}]},{"id":"07f407d0-233c-481b-a8bd-157f9af8a68b","slug":"eisenhower-matrix","name":"Eisenhower Matrix","name_id":"Matriks Eisenhower","icon":"🧭","category":"productivity","meta_description":"Prioritize tasks in 2x2 quadrants: Do, Schedule, Delegate, Delete. Drag-drop between quadrants, deadlines with overdue badge, localStorage, export/import JSON. 100% offline.","meta_description_id":"Prioritaskan tugas dalam 4 kuadran: Kerjakan, Jadwalkan, Delegasi, Hapus. Drag-drop antar kuadran, deadline dengan badge terlambat, localStorage, export/import JSON. 100% offline.","long_description":"A drag-and-drop Eisenhower Matrix. Add a task with a title, optional note, optional deadline, and pick a starting quadrant. The four quadrants are Q1 = urgent & important (do now), Q2 = important & not urgent (schedule), Q3 = urgent & not important (delegate), Q4 = neither (delete). Tasks render as color-coded cards inside each quadrant with the deadline shown in green (today), amber (upcoming), or red (overdue). Drag any card and drop it on another quadrant to re-prioritize. Tap the × on a card to delete. Everything saves to localStorage automatically. The export button dumps the current state to a JSON file (with version and ISO timestamp), and the import button reads one back — useful for backup, moving between devices, or template reuse. The \"Clear all\" button wipes everything after a confirmation prompt.","long_description_id":"Matriks Eisenhower drag-and-drop. Tambah tugas dengan judul, catatan opsional, deadline opsional, dan pilih kuadran awal. Empat kuadran adalah Q1 = mendesak & penting (kerjakan sekarang), Q2 = penting & tidak mendesak (jadwalkan), Q3 = mendesak & tidak penting (delegasi), Q4 = tidak keduanya (hapus). Tugas dirender sebagai kartu berkode warna di dalam tiap kuadran dengan deadline ditampilkan dalam hijau (hari ini), kuning (akan datang), atau merah (terlambat). Drag kartu mana pun dan drop di kuadran lain untuk memprioritaskan ulang. Ketuk × di kartu untuk menghapus. Semuanya otomatis tersimpan ke localStorage. Tombol export membuang state saat ini ke file JSON (dengan versi dan timestamp ISO), dan tombol import membaca satu kembali — berguna untuk backup, pindah device, atau reuse template. Tombol \"Hapus semua\" menghapus semuanya setelah prompt konfirmasi.","size":"15 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is the Eisenhower Matrix?","answer":"A prioritization framework popularized by President Dwight Eisenhower. It sorts tasks along two axes: urgent vs. not urgent, and important vs. not important. The Q1 quadrant (urgent AND important) is \"do now\" — crises, deadlines, fires. Q2 (important, not urgent) is \"schedule\" — long-term planning, exercise, relationship building. Q3 (urgent, not important) is \"delegate\" — interruptions, other peoples emergencies. Q4 (neither) is \"delete\" — time wasters, busywork. The point is that most people spend too much time in Q1 and Q3, reacting, and not enough in Q2, which prevents future Q1 fires."},{"question":"How does drag-and-drop work on mobile?","answer":"Native HTML5 drag-and-drop is a desktop API. On touch devices, the touch-and-hold pattern varies by browser. iOS Safari and Chrome mobile do not support HTML5 drag from JavaScript by default. The card has cursor: grab on desktop so mouse users get the standard grab cursor. If drag does not work on your mobile browser, use the import flow — delete the old card and add a new one in the target quadrant, or edit and copy/paste the title."},{"question":"Where are my tasks stored?","answer":"In your browser localStorage under the key \"eisenhower-tasks\". It is never uploaded anywhere — there is no fetch, no API call, no CDN. Tasks persist across page reloads on the same device and browser profile. To move tasks to another device, use the export button to download a JSON file, then the import button on the other device. To clear everything, use \"Clear all\" or clear your browser data for this site."},{"question":"How is \"overdue\" calculated?","answer":"A deadline string is treated as a date in your local timezone (e.g. \"2026-06-20\"). The tool compares the deadline to today (midnight, local time) on each render. A task is \"overdue\" if the deadline is strictly before today (red badge), \"today\" if equal (green badge), or \"in N days\" if after today. The label updates live each time you open or refresh the page. Tasks without a deadline have no badge and never show as overdue."},{"question":"Is my data private?","answer":"Yes. The matrix is pure client-side JavaScript inlined in the HTML. Tasks live in localStorage, the export/import uses a local file in your Downloads folder, and there is no network call. Other people cannot see your tasks unless you explicitly share the export JSON with them. You can use the tool to plan work, manage personal projects, or organize a team retrospective without any data being uploaded."}],"faq_id":[{"question":"Apa itu Matriks Eisenhower?","answer":"Framework prioritas yang dipopulerkan oleh Presiden Dwight Eisenhower. Ia menyortir tugas pada dua axis: mendesak vs. tidak mendesak, dan penting vs. tidak penting. Kuadran Q1 (mendesak DAN penting) adalah \"kerjakan sekarang\" — krisis, deadline, kebakaran. Q2 (penting, tidak mendesak) adalah \"jadwalkan\" — perencanaan jangka panjang, olahraga, pembangunan relasi. Q3 (mendesak, tidak penting) adalah \"delegasi\" — interupsi, darurat orang lain. Q4 (tidak keduanya) adalah \"hapus\" — pembuang waktu, pekerjaan sia-sia. Poinnya adalah kebanyakan orang menghabiskan terlalu banyak waktu di Q1 dan Q3, bereaksi, dan tidak cukup di Q2, yang mencegah kebakaran Q1 di masa depan."},{"question":"Bagaimana kerja drag-and-drop di mobile?","answer":"Native HTML5 drag-and-drop adalah API desktop. Di device touch, pola touch-and-hold bervariasi antar browser. iOS Safari dan Chrome mobile tidak mendukung HTML5 drag dari JavaScript secara default. Kartu punya cursor: grab di desktop supaya user mouse dapat kursor grab standar. Kalau drag tidak berfungsi di browser mobile kamu, pakai flow import — hapus kartu lama dan tambah yang baru di kuadran target, atau edit dan copy/paste judul."},{"question":"Di mana tugas saya disimpan?","answer":"Di localStorage browser kamu dengan key \"eisenhower-tasks\". Tidak pernah di-upload ke mana pun — tidak ada fetch, tidak ada panggilan API, tidak ada CDN. Tugas bertahan antar reload halaman di device dan profil browser yang sama. Untuk pindah tugas ke device lain, pakai tombol export untuk download file JSON, lalu tombol import di device lain. Untuk menghapus semuanya, pakai \"Hapus semua\" atau hapus data browser untuk situs ini."},{"question":"Bagaimana \"terlambat\" dihitung?","answer":"String deadline diperlakukan sebagai tanggal di timezone lokal kamu (mis. \"2026-06-20\"). Tool membandingkan deadline dengan hari ini (tengah malam, waktu lokal) di tiap render. Tugas dianggap \"terlambat\" kalau deadline strictly sebelum hari ini (badge merah), \"hari ini\" kalau sama (badge hijau), atau \"dalam N hari\" kalau setelah hari ini. Label update live tiap kali kamu membuka atau refresh halaman. Tugas tanpa deadline tidak punya badge dan tidak pernah menampilkan terlambat."},{"question":"Apakah data saya privat?","answer":"Ya. Matriks adalah JavaScript murni sisi client yang di-inline di HTML. Tugas tinggal di localStorage, export/import memakai file lokal di folder Downloads kamu, dan tidak ada panggilan jaringan. Orang lain tidak bisa melihat tugas kamu kecuali kamu secara eksplisit share JSON export dengan mereka. Kamu bisa pakai tool untuk merencanakan kerja, mengelola proyek pribadi, atau mengatur retrospective tim tanpa data apa pun yang di-upload."}]},{"id":"a7b851ec-92aa-42d4-b3e6-7afe8c9177ac","slug":"text-reverser","name":"Text Reverser","name_id":"Pembalik Teks","icon":"🔄","category":"text","meta_description":"Reverse text per character, per word, per line. Mirror, upside-down (Unicode flip), ROT13 cipher. Batch process lines. Copy. 100% offline.","meta_description_id":"Balik teks per karakter, per kata, per baris. Mirror, upside-down (flip Unicode), cipher ROT13. Proses batch per baris. Salin. 100% offline.","long_description":"Six text transformations in one tool. \"Reverse chars\" flips every character (abc → cba). \"Reverse words\" flips the order of words but keeps characters intact within each word (hello world → world hello). \"Reverse lines\" flips the order of lines in a multi-line text. \"Mirror\" appends the reverse of the input to the original (abc → abccba). \"Upside-down\" uses a Unicode flip table — a becomes ɐ, b becomes q, e becomes ǝ, A becomes ∀, B becomes Ɓ, digits and punctuation all flip too. \"ROT13\" is the classic Caesar cipher (a ↔ n, A ↔ N, digits untouched). Toggle \"Process each line separately\" to apply the transform per line and preserve the line count — useful for batch log scrubbing or per-line ROT13. The Swap button moves output back to input so you can chain transformations. Everything runs locally with no API calls.","long_description_id":"Enam transformasi teks dalam satu tool. \"Reverse karakter\" membalik setiap karakter (abc → cba). \"Reverse kata\" membalik urutan kata tapi mempertahankan karakter di tiap kata (hello world → world hello). \"Reverse baris\" membalik urutan baris dalam teks multi-baris. \"Mirror\" menambah reverse dari input ke aslinya (abc → abccba). \"Upside-down\" memakai tabel flip Unicode — a menjadi ɐ, b menjadi q, e menjadi ǝ, A menjadi ∀, B menjadi Ɓ, digit dan tanda baca juga terbalik. \"ROT13\" adalah cipher Caesar klasik (a ↔ n, A ↔ N, digit tidak disentuh). Toggle \"Proses tiap baris terpisah\" menerapkan transformasi per baris dan mempertahankan jumlah baris — berguna untuk scrubbing log batch atau ROT13 per baris. Tombol Swap memindahkan output kembali ke input supaya kamu bisa merangkai transformasi. Semuanya berjalan lokal tanpa panggilan API.","size":"12 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How does upside-down text actually work?","answer":"It uses Unicode characters that visually mirror their Latin counterparts. a → ɐ (U+0250), b → q (U+0071 in this context), c → ɔ (U+0254), d → p (U+0070), and so on. The full table covers lowercase a-z, uppercase A-Z, digits 0-9, and common punctuation like parentheses, brackets, exclamation and question marks. After flipping, the result is character-reversed so the last character comes first, which is what your eye expects for upside-down text. Characters not in the table (emoji, CJK, accented Latin) pass through unchanged, so the output can look mixed."},{"question":"Is ROT13 a real cipher?","answer":"Yes, but a very weak one. ROT13 shifts each letter 13 positions in the alphabet — a becomes n, b becomes o, and so on. Because 13 is exactly half of 26, applying ROT13 twice returns the original (it is its own inverse). It is commonly used on Usenet and in puzzle contexts to hide spoilers, punchlines, or off-topic jokes from casual readers. It provides zero security — any 5-year-old with frequency analysis can break it. Do not use it for anything you actually need to keep secret; use AES or similar for that."},{"question":"What does \"process each line separately\" do?","answer":"It splits the input on newlines, applies the transformation to each line independently, and joins the results with newlines. Without it, the transform is applied to the whole input as a single string, which means reverse-lines would just reverse the line order (useful) but reverse-chars would also reverse the newlines (the entire text including line breaks becomes one reversed block). With \"separate\" on, you can ROT13 or flip each line individually — handy for batch processing a list of pre-formatted strings, CSV cells, or log lines."},{"question":"How does the swap button work?","answer":"Swap moves the current output to the input box and the previous input to the output box, then re-runs the transformation. The counts and toast update. Use it to chain transforms: reverse chars → swap → ROT13 → swap → reverse words. Or to keep applying different transforms iteratively to the same source text. The state is not saved across page reloads — the input and output revert to whatever you last typed in the input field, and output regenerates on the next render."},{"question":"Is my text private?","answer":"Yes. All six transforms are pure string functions inlined in the HTML. There are no network calls, no API lookups, no CDN scripts. The Unicode flip table is a static object literal in the source. You can flip secret messages, encode spoilers, or test ROT13 puzzles without any data being transmitted."}],"faq_id":[{"question":"Bagaimana kerja teks upside-down sebenarnya?","answer":"Ia memakai karakter Unicode yang secara visual mirror dari padanan Latin-nya. a → ɐ (U+0250), b → q (U+0071 dalam konteks ini), c → ɔ (U+0254), d → p (U+0070), dan seterusnya. Tabel lengkap mencakup a-z huruf kecil, A-Z huruf besar, digit 0-9, dan tanda baca umum seperti kurung, bracket, tanda seru dan tanya. Setelah flipping, hasilnya di-reverse karakternya supaya karakter terakhir jadi pertama, yang diharapkan mata untuk teks upside-down. Karakter yang tidak dalam tabel (emoji, CJK, Latin beraksen) lewat tanpa berubah, jadi output bisa terlihat campuran."},{"question":"Apakah ROT13 cipher sungguhan?","answer":"Ya, tapi sangat lemah. ROT13 menggeser tiap huruf 13 posisi dalam alfabet — a menjadi n, b menjadi o, dan seterusnya. Karena 13 persis setengah dari 26, menerapkan ROT13 dua kali mengembalikan asli (ia inversi sendiri). Umumnya dipakai di Usenet dan dalam konteks puzzle untuk menyembunyikan spoiler, punchline, atau jokes off-topic dari pembaca kasual. Memberi keamanan nol — siapa pun dengan frequency analysis bisa memecahkannya. Jangan pakai untuk apa pun yang benar-benar perlu kamu rahasiakan; pakai AES atau semacamnya untuk itu."},{"question":"Apa yang dilakukan \"proses tiap baris terpisah\"?","answer":"Ia memisahkan input pada newline, menerapkan transformasi ke tiap baris secara independen, dan menggabungkan hasil dengan newline. Tanpanya, transform diterapkan ke seluruh input sebagai string tunggal, yang berarti reverse-karakter juga akan me-reverse newline (seluruh teks termasuk line break menjadi satu blok terbalik). Dengan \"terpisah\" aktif, kamu bisa ROT13 atau flip tiap baris secara individual — berguna untuk pemrosesan batch daftar string terformat, sel CSV, atau baris log."},{"question":"Bagaimana kerja tombol swap?","answer":"Swap memindahkan output saat ini ke kotak input dan input sebelumnya ke kotak output, lalu menjalankan ulang transformasi. Counter dan toast update. Pakai untuk merangkai transform: reverse karakter → swap → ROT13 → swap → reverse kata. Atau untuk terus menerapkan transform berbeda secara iteratif ke teks sumber yang sama. State tidak disimpan antar reload halaman — input dan output kembali ke apa pun yang terakhir kamu ketik di field input, dan output di-generate ulang di render berikutnya."},{"question":"Apakah teks saya privat?","answer":"Ya. Keenam transform adalah fungsi string murni yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada lookup API, tidak ada script CDN. Tabel flip Unicode adalah literal objek statis di source. Kamu bisa flip pesan rahasia, encode spoiler, atau test puzzle ROT13 tanpa data apa pun yang ditransmisikan."}]},{"id":"5c4ae3c2-2edc-4f1e-ac15-b8fe71a01fdc","slug":"svg-optimizer","name":"SVG Optimizer","name_id":"Optimasi SVG","icon":"🎨","category":"developer","meta_description":"Minify SVG by stripping comments, metadata, hidden elements, empty groups, whitespace, unused IDs. Live preview, size savings %, copy, download. 100% offline.","meta_description_id":"Minify SVG dengan hapus komentar, metadata, elemen tersembunyi, group kosong, whitespace, ID tak terpakai. Preview live, % hemat, salin, download. 100% offline.","long_description":"A pure-JavaScript SVG minifier. Paste an SVG (or drop a .svg file, or paste from clipboard) and the tool strips comments, <metadata> / <title> / <desc>, elements with display:none, empty groups, and excess whitespace, plus optionally rounds numbers to 2 decimal places and removes unused id attributes. Each optimization can be toggled independently. The preview box shows the optimized SVG rendered at 160x160, the viewBox is read from the source, and the before / after byte sizes appear in a stats row with a \"saved %\" badge. The download button saves the optimized SVG to your device as optimized.svg. The output is a clean text block you can copy. Safe to use on icons and logos before committing them to a design system — typical savings on a hand-authored SVG from a tool like Figma or Illustrator are 20-50%, more on a copy-pasted SVG with embedded CSS and metadata.","long_description_id":"Minifier SVG JavaScript murni. Tempel SVG (atau drop file .svg, atau tempel dari clipboard) dan tool menghapus komentar, <metadata> / <title> / <desc>, elemen dengan display:none, group kosong, dan whitespace berlebih, plus opsional membulatkan angka ke 2 tempat desimal dan menghapus atribut id tak terpakai. Tiap optimasi bisa di-toggle independen. Kotak preview menampilkan SVG yang dioptimasi di-render pada 160x160, viewBox dibaca dari source, dan ukuran byte sebelum / sesudah muncul di baris stats dengan badge \"hemat %\". Tombol download menyimpan SVG yang dioptimasi ke device kamu sebagai optimized.svg. Output adalah blok teks bersih yang bisa kamu salin. Aman dipakai pada icon dan logo sebelum commit ke design system — hemat tipikal pada SVG yang ditulis tangan dari tool seperti Figma atau Illustrator adalah 20-50%, lebih pada SVG copy-paste dengan CSS dan metadata tertanam.","size":"14 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Is this lossless optimization?","answer":"Visually, yes — it removes only things that have no rendered effect (comments, metadata, display:none, empty groups, excess whitespace, unused ids). It does not change path data, colors, or transforms. The one option with a visible effect is \"Round decimals (2)\" which truncates coordinate precision — for most icons and logos 2 decimal places is more than enough (the difference is sub-pixel), but for extremely large or high-resolution SVGs you may want to keep 3 or 4 decimals to avoid precision artifacts."},{"question":"Why are unused IDs removed?","answer":"Many design tools (Figma, Illustrator, Sketch, Inkscape) auto-generate id=\"layer_42\" type attributes for every shape, even when nothing references them. Keeping them just inflates the file. The tool scans for url(#id), xlink:href=\"#id\", and href=\"#id\" references and removes any id attribute that is not referenced. Be careful: if you embed the SVG inline in HTML and use CSS like #my-logo { ... } to style it from outside, that id WILL be referenced (via the CSS selector) but the optimizer cannot see that. In that case, turn off \"Strip unused IDs\"."},{"question":"Does this support SVGs with embedded styles or scripts?","answer":"It removes <style> blocks only via the metadata strip if you have it on — and only if the style tag is wrapped in <metadata>. Inline style attributes (style=\"fill:red\") are kept. <script> blocks are kept as-is. If your SVG has animation (<animate>, <animateTransform>, <animateMotion>) those are kept too, and the optimizer will not touch their attribute values. Use the optimizer for static icons and illustrations; for complex animated SVGs, the savings will be smaller and you may want to keep the metadata."},{"question":"What does the preview box show?","answer":"The preview box renders the optimized SVG using the standard browser SVG renderer. If the source has viewBox=\"0 0 24 24\" and width=\"24\" height=\"24\", the preview shows it scaled to fit 160x160. If the source has no width/height, the optimizer does not add them — the browser will fall back to the viewBox or to 300x150 default. The viewBox is read from the source and shown in the card title as \"viewBox: 0 0 X Y\" so you can verify the optimizer did not mangle the coordinate system."},{"question":"Is my SVG private?","answer":"Yes. The optimizer is pure client-side JavaScript inlined in the HTML. There are no network calls, no API uploads, no CDN. The file you drop or paste stays in your browser. The downloaded result lands in your local Downloads folder. You can optimize proprietary SVGs, customer logos, or internal iconography without any data being transmitted. The only file operations are the standard browser <a download> click and a FileReader for the drop-zone and file input."}],"faq_id":[{"question":"Apakah ini optimasi lossless?","answer":"Secara visual, ya — ia hanya menghapus hal yang tidak punya efek render (komentar, metadata, display:none, group kosong, whitespace berlebih, id tak terpakai). Ia tidak mengubah data path, warna, atau transform. Satu-satunya opsi dengan efek terlihat adalah \"Bulatkan desimal (2)\" yang memotong presisi koordinat — untuk kebanyakan icon dan logo 2 tempat desimal sudah lebih dari cukup (bedanya sub-pixel), tapi untuk SVG yang sangat besar atau resolusi tinggi kamu mungkin ingin mempertahankan 3 atau 4 desimal untuk menghindari artefak presisi."},{"question":"Kenapa ID tak terpakai dihapus?","answer":"Banyak tool desain (Figma, Illustrator, Sketch, Inkscape) auto-generate atribut id=\"layer_42\" untuk tiap shape, bahkan ketika tidak ada yang mereferensikannya. Mempertahankan mereka hanya membengkakkan file. Tool memindai referensi url(#id), xlink:href=\"#id\", dan href=\"#id\" dan menghapus atribut id apa pun yang tidak direferensikan. Hati-hati: kalau kamu embed SVG inline di HTML dan memakai CSS seperti #my-logo { ... } untuk men-style-nya dari luar, id itu AKAN direferensikan (via selector CSS) tapi optimizer tidak bisa melihat itu. Dalam kasus itu, matikan \"Hapus ID tak terpakai\"."},{"question":"Apakah ini mendukung SVG dengan style atau script tertanam?","answer":"Ia menghapus blok <style> hanya via strip metadata kalau kamu mengaktifkannya — dan hanya kalau tag style dibungkus dalam <metadata>. Atribut style inline (style=\"fill:red\") dipertahankan. Blok <script> dipertahankan apa adanya. Kalau SVG kamu punya animasi (<animate>, <animateTransform>, <animateMotion>) itu juga dipertahankan, dan optimizer tidak akan menyentuh nilai atributnya. Pakai optimizer untuk icon dan ilustrasi statis; untuk SVG animasi kompleks, hematnya akan lebih kecil dan kamu mungkin ingin mempertahankan metadata."},{"question":"Apa yang ditampilkan kotak preview?","answer":"Kotak preview merender SVG yang dioptimasi menggunakan renderer SVG standar browser. Kalau source punya viewBox=\"0 0 24 24\" dan width=\"24\" height=\"24\", preview menampilkannya di-scale untuk fit 160x160. Kalau source tidak punya width/height, optimizer tidak menambahkannya — browser akan fallback ke viewBox atau default 300x150. viewBox dibaca dari source dan ditampilkan di judul kartu sebagai \"viewBox: 0 0 X Y\" supaya kamu bisa verifikasi optimizer tidak mengacaukan sistem koordinat."},{"question":"Apakah SVG saya privat?","answer":"Ya. Optimizer adalah JavaScript murni sisi client yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada upload API, tidak ada CDN. File yang kamu drop atau tempel tetap di browser kamu. Hasil yang didownload mendarat di folder Downloads lokal kamu. Kamu bisa optimasi SVG proprietary, logo pelanggan, atau ikon internal tanpa data apa pun yang ditransmisikan. Satu-satunya operasi file adalah klik <a download> standar browser dan FileReader untuk drop-zone dan input file."}]},{"id":"8a1364eb-370d-4e85-9ee5-21d87335799b","slug":"emoji-picker","name":"Emoji Picker","name_id":"Pemilih Emoji","icon":"😀","category":"text","meta_description":"Browse 600+ emojis across smileys, people, animals, food, travel, activities, objects, symbols, flags. Search by name, tap to copy, recent history. 100% offline.","meta_description_id":"Browse 600+ emoji lintas kategori: senyum, orang, hewan, makanan, travel, aktivitas, benda, simbol, bendera. Cari berdasarkan nama, ketuk untuk salin, riwayat terbaru. 100% offline.","long_description":"A self-contained emoji browser. Nine categories: smileys (😀😂😍🥺), people (👋💪🙏), animals (🐶🐱🦄🐙), food (🍎🍕🍣🥑), travel (🚗✈️🏝️🗽), activities (⚽🎮🎨🎲), objects (⌚💡🔑📱), symbols (❤️☮️✅⚠️), and 200+ country flags. Switch categories with the horizontal tab strip, or type in the search box to filter every category by name (e.g. \"fire\" finds 🔥🔥, \"cat\" finds 🐱😺😸😹😻😼😽🙀😿😾, \"heart\" finds ❤️🧡💛💚💙💜🖤🤍🤎💔). Tap any emoji to copy it to the clipboard with a toast confirmation. The Recent strip at the bottom shows your last 20 unique copies across the session and persists in localStorage. The first tab \"Recent\" mirrors the strip as a category, so you can quickly find and re-copy a one-off emoji you used earlier. Tooltip on hover shows the emoji name. Everything works offline — no font download, no emoji CDN.","long_description_id":"Browser emoji self-contained. Sembilan kategori: smileys (😀😂😍🥺), orang (👋💪🙏), hewan (🐶🐱🦄🐙), makanan (🍎🍕🍣🥑), travel (🚗✈️🏝️🗽), aktivitas (⚽🎮🎨🎲), benda (⌚💡🔑📱), simbol (❤️☮️✅⚠️), dan 200+ bendera negara. Beralih kategori dengan strip tab horizontal, atau ketik di kotak pencarian untuk memfilter setiap kategori berdasarkan nama (mis. \"fire\" menemukan 🔥🔥, \"cat\" menemukan 🐱😺😸😹😻😼😽🙀😿😾, \"heart\" menemukan ❤️🧡💛💚💙💜🖤🤍🤎💔). Ketuk emoji apa pun untuk menyalinnya ke clipboard dengan konfirmasi toast. Strip Terbaru di bawah menampilkan 20 salinan unik terakhir kamu lintas sesi dan bertahan di localStorage. Tab pertama \"Terbaru\" mirror strip sebagai kategori, supaya kamu bisa cepat menemukan dan menyalin ulang emoji sekali pakai yang kamu pakai sebelumnya. Tooltip saat hover menampilkan nama emoji. Semuanya bekerja offline — tanpa download font, tanpa CDN emoji.","size":"22 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How many emojis are included?","answer":"Approximately 600+ across nine categories, plus 200+ country flags. The list is hand-curated to cover the most commonly-used emojis (smiley faces, hand gestures, popular food and travel, every country flag, the standard symbols and object icons) and skips the obscure Unicode entries (skin-tone modifier sequences, ZWJ-joined family emojis, regional indicator pairs beyond country flags). For the full Unicode emoji catalog you would need ~3,500 entries and a much larger file."},{"question":"Does the search find emojis by meaning or only by the name?","answer":"By name only. Each emoji has a short English name (or names — the first listed is the primary one) that you can search for. Searching \"fire\" finds 🔥, \"fire\" + \"engine\" finds 🚒, \"love\" finds ❤️💕💖💝💘💞💓💗💟. It does not match on Unicode codepoint, keyword metadata, or image similarity. If you do not know the name, browse the categories or hover any emoji to see its tooltip name, then search that next time."},{"question":"Does the picker work with the system emoji font?","answer":"Yes — the emojis render using whatever emoji font your OS provides. On macOS/iOS that is Apple Color Emoji, on Windows it is Segoe UI Emoji, on Android it is Noto Color Emoji, on Linux it depends on the installed fonts (Noto Color Emoji is the standard). Modern browsers fall back to a system emoji font automatically when the page has no other font that supplies that character. So the picker just uses the system font and does not need to download a custom emoji webfont."},{"question":"Where is my \"Recent\" history stored?","answer":"In your browser localStorage under the key \"emoji-picker-history\" as a JSON array of { e, n } objects (emoji and name), last 20 unique. The history is local to this device and browser profile — it does not sync to any server. The \"Recent\" tab in the category strip is built from this list, so you can browse and re-copy from it. Use the trash icon in the history card title to clear it. Clearing browser data for this site also clears the history."},{"question":"Is my clipboard data private?","answer":"Yes. The picker uses navigator.clipboard.writeText to copy the emoji character. The browser handles the clipboard write; no third-party service sees the data. The emoji is just a Unicode string (1-7 bytes in UTF-8 for most single emoji, up to 28 bytes for flag sequences or ZWJ-joined family emoji). There are no network calls, no analytics, no CDN. You can browse and copy emojis without any data being transmitted."}],"faq_id":[{"question":"Berapa banyak emoji yang disertakan?","answer":"Sekitar 600+ lintas sembilan kategori, plus 200+ bendera negara. Daftar dikurasi manual untuk mencakup emoji yang paling umum dipakai (smiley, gesture tangan, makanan dan travel populer, setiap bendera negara, simbol standar dan icon benda) dan melewatkan entri Unicode yang obscure (urutan modifier skin-tone, emoji keluarga digabung ZWJ, pasangan regional indicator di luar bendera negara). Untuk katalog emoji Unicode lengkap kamu butuh ~3.500 entri dan file jauh lebih besar."},{"question":"Apakah pencarian menemukan emoji berdasarkan makna atau hanya nama?","answer":"Berdasarkan nama saja. Tiap emoji punya nama Inggris pendek (atau nama-nama — yang pertama adalah yang utama) yang bisa kamu cari. Mencari \"fire\" menemukan 🔥, \"fire\" + \"engine\" menemukan 🚒, \"love\" menemukan ❤️💕💖💝💘💞💓💗💟. Tidak cocok dengan codepoint Unicode, metadata keyword, atau kemiripan image. Kalau kamu tidak tahu namanya, browse kategori atau hover emoji mana pun untuk melihat nama tooltip-nya, lalu cari itu lain kali."},{"question":"Apakah picker bekerja dengan font emoji sistem?","answer":"Ya — emoji dirender memakai font emoji apa pun yang disediakan OS kamu. Di macOS/iOS itu Apple Color Emoji, di Windows itu Segoe UI Emoji, di Android itu Noto Color Emoji, di Linux itu tergantung font yang terinstall (Noto Color Emoji adalah standar). Browser modern fallback ke font emoji sistem secara otomatis ketika halaman tidak punya font lain yang menyediakan karakter itu. Jadi picker hanya memakai font sistem dan tidak perlu download webfont emoji kustom."},{"question":"Di mana riwayat \"Terbaru\" saya disimpan?","answer":"Di localStorage browser kamu dengan key \"emoji-picker-history\" sebagai array JSON dari objek { e, n } (emoji dan nama), 20 unik terakhir. Riwayat lokal untuk device dan profil browser ini — tidak sync ke server mana pun. Tab \"Terbaru\" di strip kategori dibangun dari daftar ini, supaya kamu bisa browse dan menyalin ulang dari situ. Pakai icon tong sampah di judul kartu riwayat untuk menghapusnya. Menghapus data browser untuk situs ini juga menghapus riwayat."},{"question":"Apakah data clipboard saya privat?","answer":"Ya. Picker memakai navigator.clipboard.writeText untuk menyalin karakter emoji. Browser menangani penulisan clipboard; tidak ada layanan pihak ketiga yang melihat datanya. Emoji hanyalah string Unicode (1-7 byte dalam UTF-8 untuk kebanyakan emoji tunggal, hingga 28 byte untuk urutan bendera atau emoji keluarga digabung ZWJ). Tidak ada panggilan jaringan, tidak ada analitik, tidak ada CDN. Kamu bisa browse dan salin emoji tanpa data apa pun yang ditransmisikan."}]},{"id":"8aa0c1cb-f60a-4877-8bee-f8d0014a8c82","slug":"loan-amortization-calculator","name":"Loan Amortization Calculator","name_id":"Kalkulator Amortisasi Pinjaman","icon":"💳","category":"finance","meta_description":"Calculate loan amortization (KPR, KKB, pinjol) with flat, effective, or annuity interest. Monthly breakdown, total interest, early payoff savings. IDR/USD. 100% offline.","meta_description_id":"Hitung amortisasi pinjaman (KPR, KKB, pinjol) dengan bunga flat, efektif, atau anuitas. Rincian bulanan, total bunga, hemat bayar lebih awal. IDR/USD. 100% offline.","long_description":"A focused loan amortization tool for Indonesian lending products. Pick from three interest methods: Effective / Anuitas (the standard for KPR — mortgage — where the monthly payment stays equal but the principal/interest split shifts), Flat (used by KKB — vehicle loans — and most online loans / pinjol where interest is calculated on the original principal for the whole tenor), and Annuity (equal monthly payment, simplified model). Enter principal, annual interest, and tenor in months; the tool produces a full monthly amortization table with payment, principal, interest, and remaining balance, plus a savings estimate if you add an extra monthly payment. The chart shows the principal balance and cumulative interest over the loan life, with a marker for the early payoff point. Supports IDR with shorthand formatting (jt, M, T) plus USD/SGD/MYR/EUR. Export the table as CSV for spreadsheets.","long_description_id":"Tool amortisasi pinjaman yang fokus untuk produk lending Indonesia. Pilih dari tiga metode bunga: Effective / Anuitas (standar untuk KPR — cicilan tetap tapi split pokok/bunga bergeser), Flat (dipakai KKB — kredit kendaraan — dan kebanyakan pinjol di mana bunga dihitung dari pokok awal sepanjang tenor), dan Annuity (cicilan tetap, model sederhana). Masukkan pokok, bunga tahunan, tenor bulan; tool menghasilkan tabel amortisasi bulanan lengkap dengan bayar, pokok, bunga, dan sisa saldo, plus estimasi hemat kalau kamu tambahkan bayar lebih. Chart menampilkan sisa pokok dan bunga kumulatif sepanjang pinjaman, dengan marker untuk titik pelunasan awal. Mendukung IDR dengan format singkat (jt, M, T) plus USD/SGD/MYR/EUR. Export tabel sebagai CSV untuk spreadsheet.","size":"24 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is the difference between flat and effective interest?","answer":"Flat interest calculates interest on the original principal for the entire tenor: monthly interest = P * (annual rate) / 12, regardless of how much principal is left. This is what vehicle loans (KKB) and most pinjol (online loans) use, and the total interest over the loan is easy to predict. Effective (anuitas) interest calculates interest on the outstanding principal each month: as you pay down the loan, the interest portion shrinks and the principal portion grows. The monthly payment stays the same but the split changes. This is what mortgages (KPR) and most consumer loans at banks use. On a Rp 500M loan at 10% over 20 years, flat gives you a total interest of about Rp 500M, while effective gives you about Rp 632M — a big difference, which is why flat is sometimes marketed as \"cheaper\" even though the total cost is the same in absolute terms."},{"question":"Why does my amortization table end early when I add an extra payment?","answer":"When you enter an \"extra monthly payment\" and a month limit, the simulation adds that amount to every payment up to that month. This pays off the principal faster, so the loan reaches zero balance before the original tenor. The tool then truncates the table at the actual payoff month and shows a \"savings\" banner with the number of months and total interest you saved compared to the no-extra-payment baseline. Be careful: in the flat method, the interest portion of each payment is fixed regardless of how much principal is left, so adding extra only shortens the principal portion. In the effective method, the extra goes 100% to principal, which is what you want."},{"question":"Does this include fees, taxes, or insurance?","answer":"No. The tool works on principal, interest, and tenor only. It does not add admin fees, provision fees, insurance premiums, notarial fees, or any other charges that Indonesian lenders typically bundle. For KPR, ask your bank for the \"effective rate\" (suku bunga efektif) which already includes some of these — or compute the all-in cost yourself by adding the total fees to the principal in the input. The amortization table itself is mathematically exact for the inputs you give it, but the actual monthly debit from your account will usually be higher than the \"cicilan\" shown here."},{"question":"Can I export the amortization table to a spreadsheet?","answer":"Yes. The \"Export CSV\" button downloads loan-amortization.csv with the month number, date, payment, principal, interest, and balance columns. Open it in Excel, Google Sheets, or Numbers. The currency is plain decimal (not formatted with Rp/USD prefix) so spreadsheet apps recognize it as a number. Dates are ISO 8601 (YYYY-MM-DD) so they sort correctly. The CSV starts with the row immediately following the \"Calculate\" press, so if you change inputs you need to re-export."},{"question":"Is my loan data private?","answer":"Yes. The calculator is pure client-side JavaScript inlined in the HTML. There are no network calls, no API uploads, no analytics, no CDN. The principal, interest, and tenor you enter stay in your browser. The CSV download uses the standard browser <a download> click and writes to your local Downloads folder. You can model a proprietary or sensitive loan (e.g. your real KPR application) without any data being transmitted."}],"faq_id":[{"question":"Apa beda bunga flat dan efektif?","answer":"Bunga flat menghitung bunga dari pokok awal sepanjang tenor: bunga bulanan = P * (bunga tahunan) / 12, terlepas dari berapa sisa pokok. Ini yang dipakai kredit kendaraan (KKB) dan kebanyakan pinjol, dan total bunga sepanjang pinjaman mudah diprediksi. Bunga efektif (anuitas) menghitung bunga dari sisa pokok tiap bulan: begitu kamu membayar pokok, porsi bunga mengecil dan porsi pokok membesar. Cicilan tetap tapi split berubah. Ini yang dipakai KPR (Kredit Pemilikan Rumah) dan kebanyakan kredit konsumen di bank. Pada pinjaman Rp 500jt di 10% selama 20 tahun, flat memberi total bunga sekitar Rp 500jt, sedangkan efektif memberi sekitar Rp 632jt — beda besar, itulah kenapa flat kadang dipasarkan sebagai \"lebih murah\" padahal biaya total absolutnya kurang lebih sama."},{"question":"Kenapa tabel amortisasi saya berakhir lebih awal ketika saya tambah bayar lebih?","answer":"Ketika kamu masukkan \"bayar tambahan per bulan\" dan batas bulan, simulasi menambahkan jumlah itu ke tiap cicilan sampai bulan tersebut. Ini melunasi pokok lebih cepat, jadi pinjaman mencapai saldo nol sebelum tenor asli. Tool lalu memotong tabel di bulan pelunasan aktual dan menampilkan banner \"hemat\" dengan jumlah bulan dan total bunga yang dihemat dibanding baseline tanpa bayar tambahan. Hati-hati: di metode flat, porsi bunga tiap cicilan tetap terlepas dari sisa pokok, jadi tambahan hanya mempersingkat porsi pokok. Di metode efektif, tambahan 100% masuk ke pokok, yang kamu inginkan."},{"question":"Apakah ini termasuk biaya, pajak, atau asuransi?","answer":"Tidak. Tool bekerja pada pokok, bunga, dan tenor saja. Tidak menambahkan biaya admin, biaya provisi, premi asuransi, biaya notaris, atau charges lain yang biasanya dibundle lender Indonesia. Untuk KPR, tanyakan ke bank kamu \"suku bunga efektif\" yang sudah mencakup beberapa dari ini — atau hitung all-in cost sendiri dengan menambahkan total fee ke pokok di input. Tabel amortisasi sendiri secara matematis exact untuk input yang kamu berikan, tapi debit bulanan aktual dari rekening biasanya lebih tinggi dari \"cicilan\" yang ditampilkan di sini."},{"question":"Bisakah saya export tabel amortisasi ke spreadsheet?","answer":"Bisa. Tombol \"Export CSV\" mendownload loan-amortization.csv dengan kolom nomor bulan, tanggal, bayar, pokok, bunga, dan saldo. Buka di Excel, Google Sheets, atau Numbers. Mata uang adalah decimal biasa (tanpa prefix Rp/USD) supaya aplikasi spreadsheet mengenalinya sebagai angka. Tanggal adalah ISO 8601 (YYYY-MM-DD) supaya sort dengan benar. CSV dimulai dari baris segera setelah tekan \"Hitung\", jadi kalau kamu ubah input kamu perlu export ulang."},{"question":"Apakah data pinjaman saya privat?","answer":"Ya. Kalkulator adalah JavaScript murni sisi client yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada upload API, tidak ada analitik, tidak ada CDN. Pokok, bunga, dan tenor yang kamu masukkan tetap di browser kamu. Download CSV memakai klik <a download> standar browser dan menulis ke folder Downloads lokal. Kamu bisa model pinjaman proprietary atau sensitif (mis. aplikasi KPR kamu yang sebenarnya) tanpa data apa pun yang ditransmisikan."}]},{"id":"1e60a6d2-4566-4c06-9395-1b841a67b0b7","slug":"retirement-calculator","name":"Retirement Calculator","name_id":"Kalkulator Dana Pensiun","icon":"🧓","category":"finance","meta_description":"Estimate retirement fund with compound interest, monthly contribution, inflation adjustment, shortfall/surplus, recommended deposit. IDR/USD. 100% offline.","meta_description_id":"Estimasi dana pensiun dengan bunga majemuk, setoran bulanan, penyesuaian inflasi, kurang/lebih, rekomendasi setoran. IDR/USD. 100% offline.","long_description":"A retirement planning calculator that projects your nest egg at retirement age using compound interest, then adjusts for inflation to show the real (today-money) value. The tool needs: current age, target retirement age, current savings, monthly contribution, expected annual return, inflation rate, life expectancy, and the monthly income you want in retirement (in today's money). It computes the nominal fund (raw future value), the real value (today's purchasing power), the required fund (using the standard annuity-present-value formula assuming the same real return rate), the shortfall or surplus, and — if you are short — the exact monthly deposit you would need to close the gap. The chart shows year-by-year nominal and real balance, with a horizontal line at the target. Presets for early-career starter, mid-career catch-up, and late-career last mile.","long_description_id":"Kalkulator perencanaan pensiun yang memproyeksikan dana kamu di usia pensiun menggunakan bunga majemuk, lalu menyesuaikan inflasi untuk menampilkan nilai riil (uang hari ini). Tool butuh: usia sekarang, usia pensiun target, dana saat ini, setoran bulanan, return tahunan yang diharapkan, tingkat inflasi, harapan hidup, dan income bulanan yang kamu inginkan di pensiun (dalam uang hari ini). Ia menghitung dana nominal (nilai masa depan mentah), nilai riil (daya beli hari ini), dana yang dibutuhkan (menggunakan formula annuity-present-value standar dengan asumsi tingkat return riil yang sama), kurang atau lebih, dan — kalau kamu kurang — setoran bulanan tepat yang kamu perlukan untuk menutup gap. Chart menampilkan saldo nominal dan riil per tahun, dengan garis horizontal di target. Preset untuk pemula awal karier, kejar tengah karier, dan akhir karier last mile.","size":"20 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"What is a realistic expected return?","answer":"For an Indonesian pension plan invested in a mix of stocks (IDX30 or reksadana saham), bonds (SBN ritel like ORI or SBR), and deposits, a 6-9% nominal annual return before inflation is a reasonable assumption for a 20-30 year horizon. Stocks historically return 8-11% nominal long-term, government bonds 6-7%, time deposits 4-5%. A 60/30/10 stock/bond/deposit mix might yield 7-8% nominal. Be conservative: if you assume 12% and only get 7%, your projection is off by 40%. Inflation in Indonesia has averaged 4-6% over the past two decades, so 4% is a reasonable forward assumption. If you want a stress test, run the calculator with 4% return and 6% inflation and see whether you are still on track."},{"question":"Why is the \"real value\" lower than the nominal fund?","answer":"Inflation. The nominal fund is the raw future-value calculation: how much money you would have in nominal rupiah (or dollars) at retirement. The real value is what that money is worth in today's purchasing power. If you retire in 25 years with Rp 5 billion nominal and average inflation is 4%, the real value is roughly Rp 5B / (1.04)^25 ≈ Rp 1.87B. So you have Rp 5B on paper but it buys what Rp 1.87B buys today. The shortfall/surplus is calculated on the real value, because that is what determines whether you can actually maintain your desired lifestyle. The target needed is also in today's money, which is why the income you enter should be \"in today's value\" — the tool inflates it implicitly through the real return calculation."},{"question":"How is \"needed fund\" calculated?","answer":"The needed fund is the present value (in today's money) of the annuity you would draw down during retirement, assuming the same real return rate (nominal return minus inflation, compounded). If you want Rp 15M per month for 25 years of retirement and the real return is 4% annual (which compounds to about 0.33% monthly), the formula is: needed = 15M * (1 - (1.0033)^-300) / 0.0033 ≈ Rp 2.6B in today's money. If the real return is zero or negative, the formula simplifies to income * months. This is the standard annuity-present-value formula used in financial planning, and it assumes you draw down the fund to zero by the end of your life expectancy (a common assumption — you can adjust by entering a higher life expectancy or longer retirement horizon to leave a bequest)."},{"question":"What if the recommended monthly deposit is much higher than what I can afford?","answer":"The tool gives you a math-optimal answer, not a budget answer. If the recommended deposit is 2x what you can afford, you have three options: (1) push your retirement age out (each extra year compounds massively), (2) lower your desired retirement income (a 20% reduction in target income cuts the needed fund by ~25% in present value terms), or (3) increase your expected return (risky — that is a market bet, not a guarantee). The danger advice (\"Target tidak realistis di Y tahun\") fires when the required monthly exceeds 5x your current contribution; that is usually a sign you need to either delay retirement significantly or accept a lower lifestyle."},{"question":"Is my financial data private?","answer":"Yes. The retirement calculator is pure client-side JavaScript inlined in the HTML. There are no network calls, no API uploads, no analytics, no CDN. Your age, current savings, monthly contribution, and expected return stay in your browser. The chart is generated inline as an SVG. You can run the tool on your real financial situation without any data being transmitted. If you want to compare scenarios, just change the inputs — there is no save button because no save is needed; the inputs disappear when you close the tab."}],"faq_id":[{"question":"Berapa expected return yang realistis?","answer":"Untuk rencana pensiun Indonesia yang diinvestasikan di campuran saham (IDX30 atau reksadana saham), obligasi (SBN ritel seperti ORI atau SBR), dan deposito, return nominal 6-9% per tahun sebelum inflasi adalah asumsi yang masuk akal untuk horizon 20-30 tahun. Saham historis return 8-11% nominal jangka panjang, obligasi pemerintah 6-7%, deposito 4-5%. Campuran 60/30/10 saham/obligasi/deposito mungkin memberi 7-8% nominal. Konservatiflah: kalau kamu asumsikan 12% dan hanya dapat 7%, proyeksi kamu meleset 40%. Inflasi di Indonesia rata-rata 4-6% selama dua dekade terakhir, jadi 4% adalah asumsi maju yang masuk akal. Kalau mau stress test, jalankan kalkulator dengan return 4% dan inflasi 6% dan lihat apakah kamu masih di jalur."},{"question":"Kenapa \"nilai riil\" lebih rendah dari dana nominal?","answer":"Inflasi. Dana nominal adalah kalkulasi nilai masa depan mentah: berapa banyak uang yang kamu punya dalam rupiah (atau dolar) nominal saat pensiun. Nilai riil adalah apa yang uang itu beli dalam daya beli hari ini. Kalau kamu pensiun 25 tahun dari sekarang dengan Rp 5 miliar nominal dan inflasi rata-rata 4%, nilai riilnya kira-kira Rp 5M / (1.04)^25 ≈ Rp 1.87M. Jadi kamu punya Rp 5M di atas kertas tapi itu membeli apa yang Rp 1.87M beli hari ini. Kurang/lebih dihitung pada nilai riil, karena itu yang menentukan apakah kamu bisa mempertahankan gaya hidup yang diinginkan. Target dibutuhkan juga dalam uang hari ini, itulah kenapa income yang kamu masukkan harus \"dalam nilai saat ini\" — tool meng-inflate-kan secara implisit melalui kalkulasi return riil."},{"question":"Bagaimana \"dana dibutuhkan\" dihitung?","answer":"Dana dibutuhkan adalah present value (dalam uang hari ini) dari annuity yang akan kamu tarik selama pensiun, dengan asumsi tingkat return riil yang sama (return nominal dikurangi inflasi, dimajemukkan). Kalau kamu mau Rp 15jt per bulan selama 25 tahun pensiun dan return riil 4% tahunan (yang menjadi sekitar 0.33% bulanan), formula: dibutuhkan = 15jt * (1 - (1.0033)^-300) / 0.0033 ≈ Rp 2.6M dalam uang hari ini. Kalau return riil nol atau negatif, formula menyederhanakan ke income * bulan. Ini adalah formula annuity-present-value standar yang dipakai dalam perencanaan keuangan, dan mengasumsikan kamu menarik dana ke nol di akhir harapan hidup (asumsi umum — kamu bisa menyesuaikan dengan memasukkan harapan hidup lebih tinggi atau horizon pensiun lebih panjang untuk meninggalkan warisan)."},{"question":"Bagaimana kalau rekomendasi setoran bulanan jauh lebih tinggi dari yang saya mampu?","answer":"Tool memberi jawaban optimal secara matematika, bukan jawaban budget. Kalau setoran yang direkomendasikan 2x dari yang kamu mampu, ada tiga opsi: (1) dorong usia pensiun ke luar (tiap tahun ekstra memajemukkan secara masif), (2) turunkan income pensiun yang diinginkan (pengurangan 20% pada target income memotong dana dibutuhkan ~25% dalam present value), atau (3) naikkan expected return (berisiko — itu pasar taruhan, bukan jaminan). Saran bahaya (\"Target tidak realistis di Y tahun\") muncul ketika setoran yang diperlukan melebihi 5x setoran kamu saat ini; biasanya itu pertanda kamu perlu menunda pensiun secara signifikan atau menerima gaya hidup lebih rendah."},{"question":"Apakah data keuangan saya privat?","answer":"Ya. Kalkulator pensiun adalah JavaScript murni sisi client yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada upload API, tidak ada analitik, tidak ada CDN. Usia, dana saat ini, setoran bulanan, dan expected return kamu tetap di browser. Chart di-generate inline sebagai SVG. Kamu bisa menjalankan tool pada situasi keuangan kamu yang sebenarnya tanpa data apa pun yang ditransmisikan. Kalau mau bandingkan skenario, cukup ubah input — tidak ada tombol save karena tidak perlu save; input hilang ketika kamu menutup tab."}]},{"id":"4deb2767-c20c-4e5d-b3da-8c878c27e9ce","slug":"decision-matrix","name":"Decision Matrix","name_id":"Matriks Keputusan","icon":"⚖️","category":"productivity","meta_description":"Weighted decision matrix. Add options and criteria, score 1-10, weight 1-10, sort by weighted total, save to localStorage, export JSON. 100% offline.","meta_description_id":"Matriks keputusan tertimbang. Tambah opsi dan kriteria, nilai 1-10, bobot 1-10, urutkan skor total, simpan di localStorage, export JSON. 100% offline.","long_description":"A weighted decision matrix for objective comparison of options against criteria. Add options (rows) and criteria (columns) — for example, \"Job A vs Job B vs Job C\" with criteria \"Salary, Growth, Commute, Culture\". Score each option against each criterion 1-10, then weight each criterion 1-10 based on how much it matters to you. The tool computes the weighted total for each option, sorts them, and highlights the top three with gold/silver/bronze styling. The \"winner\" card at the top shows the recommended option with its score. Add a criterion, type a name, press Enter. Adjust weights with the inline number inputs above each column. Adjust scores with the inline number inputs in each cell. Everything auto-saves to localStorage on every change. Use the export button to download the matrix as JSON, and the import button to load a previously-exported matrix. Up to 10 recent matrices are stored in the \"Saved Decisions\" card and can be reloaded.","long_description_id":"Matriks keputusan tertimbang untuk perbandingan objektif opsi terhadap kriteria. Tambah opsi (baris) dan kriteria (kolom) — misalnya, \"Pekerjaan A vs B vs C\" dengan kriteria \"Gaji, Growth, Commute, Budaya\". Nilai tiap opsi terhadap tiap kriteria 1-10, lalu bobot tiap kriteria 1-10 berdasarkan seberapa penting buat kamu. Tool menghitung total tertimbang untuk tiap opsi, mengurutkan, dan menyorot tiga teratas dengan style emas/perak/perunggu. Kartu \"pemenang\" di atas menampilkan opsi yang direkomendasikan dengan skornya. Tambah kriteria, ketik nama, tekan Enter. Sesuaikan bobot dengan input number inline di atas tiap kolom. Sesuaikan nilai dengan input number inline di tiap cell. Semuanya auto-save ke localStorage di tiap perubahan. Pakai tombol export untuk download matriks sebagai JSON, dan tombol import untuk load matriks yang sebelumnya di-export. Sampai 10 matriks terbaru disimpan di kartu \"Keputusan Tersimpan\" dan bisa dimuat ulang.","size":"18 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How does the weighted score work?","answer":"For each option (row) and each criterion (column), you assign a score from 1 to 10. For each criterion, you also assign a weight from 1 to 10 that reflects how much that criterion matters to you. The tool multiplies the score by the weight for every cell, then sums those products to give the option's total. So if Option A scores 8/10 on Salary (weight 9) and 5/10 on Commute (weight 3), its weighted contribution from those two criteria is (8*9) + (5*3) = 87. The total is summed across all criteria, then the options are sorted by total descending. The top three get gold/silver/bronze styling, and the top option is shown as the recommendation in the winner card. The math is intentionally simple and transparent — there is no fuzzy logic, no hidden normalization, no surprise weighting."},{"question":"How should I choose the weights?","answer":"The weights are the most subjective part of the matrix and that is the point. A common approach is \"must-have vs nice-to-have\": if a criterion is essential (e.g. salary must cover your rent), give it a high weight (8-10). If it is a tie-breaker (e.g. free coffee), give it a low weight (1-3). Another approach is \"comparative weighting\": if Salary matters twice as much as Commute to you, set Salary weight = 8 and Commute weight = 4 (or 6 and 3, or 10 and 5 — any consistent ratio). The absolute scale (1-10) does not matter as much as the relative ratios between criteria. After you build the matrix, try flipping one weight from 5 to 9 and see if the winner changes — if not, the criterion is not actually doing work and you can drop it."},{"question":"What does the \"Saved Decisions\" list do?","answer":"Every time you click Export JSON, a snapshot of the current matrix (options, criteria, scores, weights) is saved to localStorage under the key decision-matrix-saved as a JSON array, max 10 entries. The \"Saved Decisions\" card at the bottom shows these snapshots with their name (auto-generated from the option names), timestamp, and a Load / Delete button pair. Load replaces the current matrix with the saved one. Delete removes it from the list. The list is local to this browser — it does not sync anywhere. If you want a permanent backup, use Export JSON and save the file to your device or cloud storage; you can re-import it later with the Import button."},{"question":"Can I compare more than 10 options or 10 criteria?","answer":"Technically yes, the tool will accept any number of options and criteria. Practically, the matrix becomes hard to read beyond 5-6 options (the table is wide on mobile) and beyond 5-6 criteria (you start losing the ability to differentiate scores consistently). For larger comparisons, consider grouping criteria into categories (e.g. \"Financial\" weight = sum of 3 sub-criteria, \"Lifestyle\" weight = sum of 3 sub-criteria) and running the matrix at the category level. Or build multiple matrices — one for \"must-haves\" filter, one for \"trade-off comparison\" — and combine the conclusions."},{"question":"Is my decision data private?","answer":"Yes. The matrix is pure client-side JavaScript inlined in the HTML. There are no network calls, no API uploads, no analytics, no CDN. Your options, criteria, scores, and weights stay in localStorage on this device. The Export JSON button uses the standard browser <a download> click to save to your local Downloads folder. Import reads a JSON file from your local file system via FileReader. You can model a personal decision (job choice, relationship, big purchase) without any data being transmitted. Clearing browser data for this site clears the matrix and the saved list."}],"faq_id":[{"question":"Bagaimana skor tertimbang bekerja?","answer":"Untuk tiap opsi (baris) dan tiap kriteria (kolom), kamu assign nilai 1 sampai 10. Untuk tiap kriteria, kamu juga assign bobot 1 sampai 10 yang mencerminkan seberapa penting kriteria itu buat kamu. Tool mengalikan nilai dengan bobot untuk setiap cell, lalu menjumlahkan produk itu untuk memberikan total opsi. Jadi kalau Opsi A nilai 8/10 di Gaji (bobot 9) dan 5/10 di Commute (bobot 3), kontribusi tertimbangnya dari dua kriteria itu adalah (8*9) + (5*3) = 87. Total dijumlahkan lintas semua kriteria, lalu opsi diurutkan berdasarkan total descending. Tiga teratas mendapat style emas/perak/perunggu, dan opsi teratas ditampilkan sebagai rekomendasi di kartu pemenang. Matematikanya sengaja sederhana dan transparan — tidak ada logika fuzzy, tidak ada normalisasi tersembunyi, tidak ada bobot kejutan."},{"question":"Bagaimana cara memilih bobot?","answer":"Bobot adalah bagian paling subjektif dari matriks dan justru itu intinya. Pendekatan umum adalah \"wajib vs nice-to-have\": kalau kriteria esensial (mis. gaji harus覆盖 sewa), berikan bobot tinggi (8-10). Kalau itu tie-breaker (mis. kopi gratis), berikan bobot rendah (1-3). Pendekatan lain adalah \"pembobotan komparatif\": kalau Gaji 2x lebih penting dari Commute buat kamu, set bobot Gaji = 8 dan Commute = 4 (atau 6 dan 3, atau 10 dan 5 — rasio konsisten apa pun). Skala absolut (1-10) tidak sepenting rasio relatif antar kriteria. Setelah kamu bangun matriksnya, coba balik satu bobot dari 5 ke 9 dan lihat apakah pemenangnya berubah — kalau tidak, kriteria itu sebenarnya tidak bekerja dan kamu bisa drop."},{"question":"Apa yang dilakukan daftar \"Keputusan Tersimpan\"?","answer":"Tiap kali kamu klik Export JSON, snapshot matriks saat itu (opsi, kriteria, nilai, bobot) disimpan ke localStorage dengan key decision-matrix-saved sebagai array JSON, max 10 entri. Kartu \"Keputusan Tersimpan\" di bawah menampilkan snapshot ini dengan namanya (auto-generated dari nama opsi), timestamp, dan pasangan tombol Muat / Hapus. Muat mengganti matriks saat ini dengan yang disimpan. Hapus membuangnya dari daftar. Daftar lokal untuk browser ini — tidak sync ke mana pun. Kalau mau backup permanen, pakai Export JSON dan simpan file ke device atau cloud storage; kamu bisa re-import nanti dengan tombol Import."},{"question":"Bisakah saya bandingkan lebih dari 10 opsi atau 10 kriteria?","answer":"Secara teknis bisa, tool akan menerima opsi dan kriteria berapapun. Praktiknya, matriks jadi sulit dibaca di atas 5-6 opsi (tabel lebar di mobile) dan di atas 5-6 kriteria (kamu mulai kehilangan kemampuan untuk membedakan nilai secara konsisten). Untuk perbandingan lebih besar, pertimbangkan mengelompokkan kriteria ke kategori (mis. \"Finansial\" bobot = jumlah 3 sub-kriteria, \"Gaya Hidup\" bobot = jumlah 3 sub-kriteria) dan jalankan matriks di level kategori. Atau bangun beberapa matriks — satu untuk filter \"wajib\", satu untuk \"trade-off\" — dan gabungkan kesimpulannya."},{"question":"Apakah data keputusan saya privat?","answer":"Ya. Matriks adalah JavaScript murni sisi client yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada upload API, tidak ada analitik, tidak ada CDN. Opsi, kriteria, nilai, dan bobot kamu tetap di localStorage pada device ini. Tombol Export JSON memakai klik <a download> standar browser untuk menyimpan ke folder Downloads lokal. Import membaca file JSON dari file system lokal kamu via FileReader. Kamu bisa model keputusan personal (pilihan kerja, relasi, pembelian besar) tanpa data apa pun yang ditransmisikan. Menghapus data browser untuk situs ini menghapus matriks dan daftar tersimpan."}]},{"id":"1bdfc5f1-ab59-4430-94d9-4e4868d6cc78","slug":"caesar-cipher","name":"Caesar Cipher","name_id":"Sandi Caesar","icon":"🔐","category":"text","meta_description":"Caesar cipher encoder/decoder with custom shift. ROT13 preset. Brute force shows all 26 shifts with English-word scoring. A-Z or full ASCII. 100% offline.","meta_description_id":"Caesar cipher encoder/decoder dengan shift kustom. Preset ROT13. Brute force tampilkan 26 shift dengan skor kata Inggris. A-Z atau ASCII penuh. 100% offline.","long_description":"The classic Caesar shift cipher, in three modes. Encode mode takes your text and a shift (0-25) and outputs the cipher text. Decode mode takes cipher text and the matching shift and outputs plaintext. Brute Force mode shows all 26 possible shifts at once with a star marker on the shift that produces the most recognizable English words (scored by a small built-in common-words list), so you can crack a short Caesar ciphered text without knowing the key. The shift slider and number input are linked — drag one and the other updates. Four charset options: A-Z case-preserved (default — letters only, other characters kept as-is), a-z only, A-Z only, and printable ASCII (32-126, all 95 characters shift). Use ROT13 preset to instantly apply shift 13 (the most common Caesar variant). All processing is local; no network, no API.","long_description_id":"Sandi Caesar shift klasik, dalam tiga mode. Mode Encode mengambil teks kamu dan shift (0-25) dan mengeluarkan teks sandi. Mode Decode mengambil teks sandi dan shift yang cocok dan mengeluarkan plaintext. Mode Brute Force menampilkan 26 shift yang mungkin sekaligus dengan marker bintang pada shift yang menghasilkan kata-kata Inggris paling dikenali (dinilai berdasarkan daftar kata umum kecil yang built-in), sehingga kamu bisa crack teks Caesar singkat tanpa mengetahui kuncinya. Slider shift dan input number terhubung — drag salah satu dan yang lain update. Empat opsi charset: A-Z case-preserved (default — hanya huruf, karakter lain dipertahankan apa adanya), a-z saja, A-Z saja, dan printable ASCII (32-126, semua 95 karakter shift). Pakai preset ROT13 untuk langsung menerapkan shift 13 (varian Caesar paling umum). Semua pemrosesan lokal; tanpa jaringan, tanpa API.","size":"14 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Is Caesar cipher actually secure?","answer":"No — it is one of the weakest classical ciphers. With only 25 possible keys, an attacker can try all of them in microseconds. This tool is for education, puzzles, and fun, not for protecting secrets. The brute force mode demonstrates this: it scores all 26 candidates and highlights the most likely plaintext. If you need real confidentiality, use AES-256 (a modern symmetric cipher) or X25519 + ChaCha20 (for key exchange + encryption). The Caesar cipher is historically interesting because it was used by Julius Caesar around 50 BC for military messages, and it illustrates the basic idea of substitution ciphers — every letter is replaced by another letter at a fixed offset."},{"question":"What is ROT13?","answer":"ROT13 is Caesar cipher with shift 13. The special property of shift 13 is that applying it twice returns the original text: ROT13(ROT13(x)) = x. This is because the English alphabet has 26 letters and 13 is exactly half of 26, so each letter maps to the letter 13 positions away, and mapping 13 positions away from that letter brings you back to the start. ROT13 is widely used online to obscure spoilers, puzzle answers, NSFW content, and mildly offensive jokes — anyone who wants to read the text can apply ROT13 in their head (or with a tool like this) and the original content is hidden from casual scanning. It is not encryption because there is no key — the shift is always 13."},{"question":"What does the brute force star marker mean?","answer":"The brute force mode runs all 26 shifts on your cipher text and scores each candidate plaintext by counting how many of the words match a small built-in list of ~100 common English words (\"the\", \"and\", \"to\", \"of\", \"is\", \"are\", etc.). The shift with the highest score gets a star marker. If your cipher text is short (under 30 characters) or contains mostly proper nouns / unusual words, the star may be wrong — common words are a heuristic, not a guarantee. Read each candidate by eye, and use the star as a hint, not a definitive answer. You can also use the copy button next to each candidate to grab that particular shift's output."},{"question":"What charset should I pick?","answer":"Use \"A-Z case-preserved\" (default) for most English text. It shifts A→A+shift, B→B+shift, etc. while keeping the case of the original letter, and passes numbers, punctuation, and whitespace through unchanged. Use \"a-z only\" or \"A-Z only\" if you want strict single-case behavior (useful for some puzzle formats). Use \"Printable ASCII (32-126)\" if your text contains non-letter characters that you also want shifted — for example, if you have an obfuscated file path or a string of mixed letters and digits where you want everything shifted. Note that with the ASCII option, spaces and punctuation are also shifted, which can make the output harder to read."},{"question":"Is my text private?","answer":"Yes. The cipher is pure client-side JavaScript inlined in the HTML. There are no network calls, no API uploads, no analytics, no CDN. Your plaintext, cipher text, and chosen shift stay in your browser. The copy button uses the standard browser clipboard API. Even the brute force scoring (which uses a small built-in word list) is fully local. You can encode or decode any text without any data being transmitted."}],"faq_id":[{"question":"Apakah sandi Caesar benar-benar aman?","answer":"Tidak — itu salah satu sandi klasik paling lemah. Dengan hanya 25 kunci yang mungkin, penyerang bisa mencoba semuanya dalam mikrodetik. Tool ini untuk edukasi, puzzle, dan kesenangan, bukan untuk melindungi rahasia. Mode brute force mendemonstrasikan ini: ia menilai 26 kandidat dan menyorot plaintext paling mungkin. Kalau kamu butuh kerahasiaan nyata, pakai AES-256 (sandi simetrik modern) atau X25519 + ChaCha20 (untuk pertukaran kunci + enkripsi). Sandi Caesar menarik secara historis karena dipakai Julius Caesar sekitar 50 SM untuk pesan militer, dan mengilustrasikan ide dasar sandi substitusi — tiap huruf diganti dengan huruf lain pada offset tetap."},{"question":"Apa itu ROT13?","answer":"ROT13 adalah sandi Caesar dengan shift 13. Properti khusus dari shift 13 adalah menerapkan dua kali mengembalikan teks asli: ROT13(ROT13(x)) = x. Ini karena alfabet Inggris punya 26 huruf dan 13 persis setengah dari 26, jadi tiap huruf memetakan ke huruf 13 posisi jauhnya, dan memetakan 13 posisi jauhnya dari huruf itu membawa kamu kembali ke awal. ROT13 banyak dipakai online untuk mengaburkan spoiler, jawaban puzzle, konten NSFW, dan joke yang agak ofensif — siapa pun yang mau membaca teks bisa menerapkan ROT13 di kepala mereka (atau dengan tool seperti ini) dan konten asli tersembunyi dari pemindaian kasual. Itu bukan enkripsi karena tidak ada kunci — shift selalu 13."},{"question":"Apa arti marker bintang brute force?","answer":"Mode brute force menjalankan 26 shift pada teks sandi kamu dan menilai tiap kandidat plaintext dengan menghitung berapa banyak kata yang cocok dengan daftar kecil built-in ~100 kata umum Inggris (\"the\", \"and\", \"to\", \"of\", \"is\", \"are\", dll.). Shift dengan skor tertinggi mendapat marker bintang. Kalau teks sandi kamu singkat (di bawah 30 karakter) atau mengandung banyak proper noun / kata tidak biasa, bintang mungkin salah — kata umum adalah heuristik, bukan jaminan. Baca tiap kandidat dengan mata, dan pakai bintang sebagai petunjuk, bukan jawaban pasti. Kamu juga bisa pakai tombol salin di sebelah tiap kandidat untuk mengambil output shift tertentu itu."},{"question":"Charset mana yang harus saya pilih?","answer":"Pakai \"A-Z case-preserved\" (default) untuk kebanyakan teks Inggris. Ia menggeser A→A+shift, B→B+shift, dll. sambil mempertahankan case huruf asli, dan melewatkan angka, tanda baca, dan whitespace apa adanya. Pakai \"a-z saja\" atau \"A-Z saja\" kalau kamu ingin perilaku single-case ketat (berguna untuk beberapa format puzzle). Pakai \"Printable ASCII (32-126)\" kalau teks kamu mengandung karakter non-huruf yang juga ingin kamu geser — misalnya, kalau kamu punya path file yang di-obfuscate atau string campuran huruf dan digit di mana kamu ingin semuanya digeser. Catat bahwa dengan opsi ASCII, spasi dan tanda baca juga digeser, yang bisa membuat output lebih sulit dibaca."},{"question":"Apakah teks saya privat?","answer":"Ya. Sandi adalah JavaScript murni sisi client yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada upload API, tidak ada analitik, tidak ada CDN. Plaintext, teks sandi, dan shift yang kamu pilih tetap di browser. Tombol salin memakai API clipboard standar browser. Bahkan penilaian brute force (yang memakai daftar kata built-in kecil) sepenuhnya lokal. Kamu bisa encode atau decode teks apa pun tanpa data apa pun yang ditransmisikan."}]},{"id":"7b5235c2-2b95-493c-80ca-69e44b1b96a6","slug":"gradient-extractor","name":"Gradient Extractor","name_id":"Ekstrak Gradient Gambar","icon":"🎨","category":"developer","meta_description":"Upload an image, extract 3-10 dominant colors via frequency quantization, render as linear/radial gradient, export CSS / JSON / PNG. 100% offline, no CDN.","meta_description_id":"Upload gambar, ekstrak 3-10 warna dominan via kuantisasi frekuensi, render sebagai gradient linear/radial, export CSS / JSON / PNG. 100% offline, tanpa CDN.","long_description":"A pure-JavaScript image color extractor. Drop an image (PNG, JPG, WebP), pick 3 to 10 colors, and the tool extracts the dominant palette using frequency quantization (bit-shift the per-channel color to merge similar hues into buckets, count occurrences, then K-means refine on the top candidates). The output renders as a gradient preview (linear 90°, 45°, 180°, or radial circle). Each swatch shows hex and percentage of the source image. Click any swatch to copy its hex. The export panel shows the CSS gradient string and a JSON palette; you can copy either to clipboard or download the CSS as a .css file and the gradient as a 1200x480 PNG generated on a canvas. Granularity slider controls how aggressively similar colors are merged (2-bit, 3-bit, 4-bit) — coarse for posterized palettes, fine for detailed gradients. All processing is local on a 200x200 downscaled copy of your image for speed.","long_description_id":"Ekstraktor warna gambar JavaScript murni. Drop gambar (PNG, JPG, WebP), pilih 3 sampai 10 warna, dan tool mengekstrak palet dominan menggunakan kuantisasi frekuensi (bit-shift warna per-channel untuk menggabungkan hue serupa ke bucket, hitung kejadian, lalu K-means refine pada kandidat teratas). Output dirender sebagai preview gradient (linear 90°, 45°, 180°, atau radial circle). Tiap swatch menampilkan hex dan persentase dari gambar sumber. Klik swatch mana pun untuk menyalin hex-nya. Panel export menampilkan string CSS gradient dan palet JSON; kamu bisa salin keduanya ke clipboard atau download CSS sebagai file .css dan gradient sebagai PNG 1200x480 yang di-generate di canvas. Slider granularitas mengontrol seberapa agresif warna serupa digabung (2-bit, 3-bit, 4-bit) — kasar untuk palet ter-posterisasi, halus untuk gradient detail. Semua pemrosesan lokal pada salinan gambar 200x200 yang di-downscale untuk kecepatan.","size":"22 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"How does the color extraction work?","answer":"The tool runs in three stages. (1) The image is downscaled to 200x200 max (for speed) and drawn to a hidden canvas. (2) Each pixel's R, G, B values are quantized by bit-shifting (2-bit, 3-bit, or 4-bit per channel) so that similar colors merge into \"buckets\" — 2-bit gives 64 buckets (8 per channel), 3-bit gives 512, 4-bit gives 4096. (3) A frequency map counts how many pixels fall into each bucket, then the top 40 buckets are clustered with a 8-iteration K-means into the requested number of centroids. The K-means step merges over-represented buckets and splits under-represented ones to give an even palette. Finally, the percentage of each output color is the sum of pixels in the buckets that merged into its centroid. The whole pipeline runs in JS on the canvas pixel data, no WebAssembly, no network."},{"question":"What granularity should I pick?","answer":"It depends on the image. For photographs and complex gradients, 3-bit (medium, default) gives 5-10 distinct dominant colors with smooth transitions. For flat-design illustrations, posters, or logo art, 2-bit (low) gives a posterized palette of 3-6 strong colors. For detailed paintings or photos with many subtle hues, 4-bit (high) gives finer differentiation but may include near-duplicate colors. If the result looks \"too few\" colors, raise the granularity; if it looks \"too many similar\" colors, lower it. Also, more colors (the top selector) plus higher granularity is the most detailed; fewer colors plus lower granularity is the most abstracted. Try 3 colors at 2-bit for a Bauhaus look, or 10 colors at 4-bit for a full spectrum."},{"question":"How is the gradient rendered?","answer":"The preview uses a CSS linear-gradient or radial-gradient background, with one color stop per palette color, evenly distributed from 0% to 100% of the gradient. The \"Linear 90°\" option runs left-to-right (the default), \"45°\" runs bottom-left to top-right, \"180°\" runs bottom-to-top, and \"Radial\" uses a circle with the first color at the center and the last at the edge. The PNG download renders the same gradient to a 1200x480 canvas via canvas createLinearGradient / createRadialGradient, then exports as PNG with the standard toBlob. The CSS download saves a .css file with a .gradient class that you can paste into any project."},{"question":"Is my image private?","answer":"Yes. The extractor is pure client-side JavaScript inlined in the HTML. There are no network calls, no API uploads, no analytics, no CDN. Your image is loaded via FileReader (which reads the file from your local disk) and drawn to a hidden canvas, then the pixel data is processed locally. The downscaled copy, the palette, the gradient, and the exported PNG are all generated in your browser. You can extract colors from private photos, customer logos, or proprietary product images without any data being transmitted. The only file operations are FileReader for the drop-zone and the standard <a download> for the CSS/PNG exports."},{"question":"Can I extract colors from a URL?","answer":"No, the tool only accepts local files via the file picker or drag-and-drop. Adding URL-based loading would require fetching the image from a remote server, which would leak the URL (and any sensitive image path or query parameters) to whatever CORS proxy or image host serves it. The privacy-first design is intentional: the image never leaves your device. If you have an image at a URL that you want to process, download it first (right-click → Save As, or use a download manager), then drop the local file into the tool. The tool also accepts any image format the browser can decode — PNG, JPG, WebP, GIF, BMP, ICO, AVIF (on supported browsers) — so the local workflow is flexible."}],"faq_id":[{"question":"Bagaimana kerja ekstraksi warna?","answer":"Tool berjalan dalam tiga tahap. (1) Gambar di-downscale ke max 200x200 (untuk kecepatan) dan digambar ke canvas tersembunyi. (2) Nilai R, G, B tiap pixel di-kuantisasi dengan bit-shift (2-bit, 3-bit, atau 4-bit per channel) supaya warna serupa bergabung ke \"bucket\" — 2-bit memberi 64 bucket (8 per channel), 3-bit memberi 512, 4-bit memberi 4096. (3) Peta frekuensi menghitung berapa banyak pixel jatuh ke tiap bucket, lalu 40 bucket teratas di-cluster dengan 8-iterasi K-means ke jumlah centroid yang diminta. Langkah K-means menggabungkan bucket yang terlalu terwakili dan memecah yang kurang terwakili untuk memberikan palet yang merata. Akhirnya, persentase tiap warna output adalah jumlah pixel di bucket yang bergabung ke centroid-nya. Seluruh pipeline berjalan di JS pada data pixel canvas, tanpa WebAssembly, tanpa jaringan."},{"question":"Granularitas mana yang harus saya pilih?","answer":"Tergantung gambar. Untuk foto dan gradient kompleks, 3-bit (sedang, default) memberi 5-10 warna dominan berbeda dengan transisi halus. Untuk ilustrasi flat-design, poster, atau seni logo, 2-bit (rendah) memberi palet ter-posterisasi 3-6 warna kuat. Untuk lukisan detail atau foto dengan banyak nuansa halus, 4-bit (tinggi) memberi differensiasi lebih halus tapi mungkin termasuk warna near-duplikat. Kalau hasilnya terlihat \"terlalu sedikit\" warna, naikkan granularitas; kalau terlihat \"terlalu banyak serupa\" warna, turunkan. Juga, lebih banyak warna (selector atas) plus granularitas lebih tinggi adalah yang paling detail; lebih sedikit warna plus granularitas lebih rendah adalah yang paling diabstraksi. Coba 3 warna di 2-bit untuk tampilan Bauhaus, atau 10 warna di 4-bit untuk spektrum penuh."},{"question":"Bagaimana gradient di-render?","answer":"Preview memakai background CSS linear-gradient atau radial-gradient, dengan satu color stop per warna palet, didistribusikan merata dari 0% ke 100% gradient. Opsi \"Linear 90°\" berjalan kiri-ke-kanan (default), \"45°\" berjalan dari kiri-bawah ke kanan-atas, \"180°\" berjalan dari bawah-ke-atas, dan \"Radial\" menggunakan circle dengan warna pertama di tengah dan terakhir di tepi. Download PNG me-render gradient yang sama ke canvas 1200x480 via canvas createLinearGradient / createRadialGradient, lalu export sebagai PNG dengan toBlob standar. Download CSS menyimpan file .css dengan class .gradient yang bisa kamu paste ke proyek mana pun."},{"question":"Apakah gambar saya privat?","answer":"Ya. Ekstraktor adalah JavaScript murni sisi client yang di-inline di HTML. Tidak ada panggilan jaringan, tidak ada upload API, tidak ada analitik, tidak ada CDN. Gambar kamu dimuat via FileReader (yang membaca file dari disk lokal kamu) dan digambar ke canvas tersembunyi, lalu data pixel diproses lokal. Salinan yang di-downscale, palet, gradient, dan PNG yang di-export semua di-generate di browser. Kamu bisa ekstrak warna dari foto privat, logo pelanggan, atau gambar produk proprietary tanpa data apa pun yang ditransmisikan. Satu-satunya operasi file adalah FileReader untuk drop-zone dan <a download> standar untuk export CSS/PNG."},{"question":"Bisakah saya ekstrak warna dari URL?","answer":"Tidak, tool hanya menerima file lokal via file picker atau drag-and-drop. Menambah loading berbasis URL akan memerlukan fetch gambar dari server remote, yang akan membocorkan URL (dan parameter path atau query image sensitif) ke proxy CORS atau host image apa pun yang menyediakannya. Desain privasi-utama adalah disengaja: gambar tidak pernah meninggalkan device kamu. Kalau kamu punya gambar di URL yang ingin kamu proses, download dulu (klik-kanan → Save As, atau pakai download manager), lalu drop file lokal ke tool. Tool juga menerima format gambar apa pun yang bisa di-decode browser — PNG, JPG, WebP, GIF, BMP, ICO, AVIF (di browser yang didukung) — jadi workflow lokal fleksibel."}]},{"id":"49516679-6197-4f3d-8396-f3f6db2784da","slug":"rangkuman-bodo-amat","name":"Rangkuman Bodo Amat (The Subtle Art of Not Giving a F*ck)","name_id":"Rangkuman Bodo Amat","icon":"📖","category":"reading","meta_description":"Complete summary of Mark Manson's \"The Subtle Art of Not Giving a F*ck\" in Indonesian. 9 BAB, 39 sub-bab, expandable accordion. 100% offline.","meta_description_id":"Rangkuman lengkap buku \"The Subtle Art of Not Giving a F*ck\" karya Mark Manson dalam Bahasa Indonesia. 9 BAB, 39 sub-bab, accordion yang bisa dibuka-tutup. 100% offline.","long_description":"Rangkuman lengkap buku \"The Subtle Art of Not Giving a F*ck\" (terjemahan Bahasa Indonesia: \"Bodo Amat\") karya Mark Manson. Buku ini terdiri dari 9 BAB dengan total 39 sub-bab, plus pengantar. Setiap bagian membahas konsep-konsep kunci dari Manson tentang cara berpikir yang lebih sehat: bahwa hidup memang sulit, tapi kita boleh memilih apa yang penting untuk dipusingkan. Konten mencakup pembahasan tentang nilai-nilai, rasa bersalah, kegagalan, kematian, tindakan, dan banyak lagi. Dirancang sebagai referensi cepat - buka BAB yang sedang kamu cari dari daftar collapsible. Semua data statis tertanam di file HTML, tidak ada panggilan jaringan, berfungsi offline sepenuhnya.","long_description_id":"Rangkuman lengkap buku \"The Subtle Art of Not Giving a F*ck\" (judul Indonesia: \"Bodo Amat\") karya Mark Manson. Buku ini terdiri dari 9 BAB dengan total 39 sub-bab, plus pengantar. Tiap bagian membahas konsep-konsep kunci dari Manson tentang cara berpikir yang lebih sehat: bahwa hidup memang sulit, tapi kita boleh memilih apa yang penting untuk dipusingkan. Konten mencakup pembahasan tentang nilai-nilai, rasa bersalah, kegagalan, kematian, tindakan, dan banyak lagi. Dirancang sebagai referensi cepat - buka BAB yang sedang kamu cari dari daftar collapsible. Semua data statis tertanam di file HTML, tidak ada panggilan jaringan, berfungsi offline sepenuhnya.","size":"146 KB","version":"1.0.0","updated_at":"2026-06-15T00:00:00Z","offline":true,"private":true,"published":true,"faq":[{"question":"Is this the full book?","answer":"No. This is a summary, not the full book. The summary captures the main ideas, frameworks, and examples of each BAB and sub-bab, but does not include every paragraph, story, or footnote. For the full experience, read the actual book. The summary works best as a refresher, study reference, or a way to decide if you want to read the book in full."},{"question":"Why is it called \"Bodo Amat\"?","answer":"\"Bodo Amat\" is the Indonesian translation of the book's original title \"The Subtle Art of Not Giving a F*ck\". The phrase is used informally in Indonesian to express that something is \"not a big deal\" or \"who cares\" - a healthy reframe from giving too much attention to things that do not matter. The translation was chosen for its punch and because it captures the spirit of the book in a way that feels native to Indonesian readers."},{"question":"Who should read this summary?","answer":"Anyone curious about the book's ideas but not ready to commit to a full read, anyone who has read it before and wants a quick refresher, or anyone interested in self-help and mindset frameworks but prefers condensed practical content over 200+ pages."},{"question":"How is the content organized?","answer":"The summary follows the book's structure: a Pengantar (introduction) plus 9 BAB (chapters), each divided into sub-bab (sub-chapters). On the page, each BAB is a collapsible section - click the BAB title to expand or collapse. The first BAB is open by default so you can see the content style; the rest are collapsed for quick navigation."},{"question":"Does it work offline?","answer":"Yes. The entire file is a single self-contained HTML page with all content inlined. There are no network calls, no API requests, no CDN dependencies. Once you load the page, you can disconnect from the internet and everything still works."}],"faq_id":[{"question":"Apakah ini buku lengkapnya?","answer":"Bukan. Ini adalah rangkuman, bukan buku utuh. Rangkuman ini menangkap ide-ide utama, framework, dan contoh-contoh dari tiap BAB dan sub-bab, tapi tidak mencakup setiap paragraf, cerita, atau catatan kaki. Untuk pengalaman penuh, baca buku aslinya. Rangkuman ini paling berguna sebagai pengingat, referensi belajar, atau cara untuk memutuskan apakah kamu ingin membaca buku utuhnya."},{"question":"Kenapa judulnya \"Bodo Amat\"?","answer":"\"Bodo Amat\" adalah terjemahan Bahasa Indonesia dari judul asli buku \"The Subtle Art of Not Giving a F*ck\". Frasa ini dipakai secara informal di Indonesia untuk mengekspresikan bahwa sesuatu \"tidak masalah\" atau \"siapa peduli\" - sebuah reframe sehat dari memberi terlalu banyak perhatian pada hal-hal yang sebenarnya tidak penting. Terjemahan ini dipilih karena ketegasannya dan karena menangkap semangat buku dengan cara yang terasa native untuk pembaca Indonesia."},{"question":"Siapa yang sebaiknya membaca rangkuman ini?","answer":"Siapa saja yang penasaran dengan ide-ide buku tapi belum siap untuk membaca utuh, siapa saja yang sudah pernah membaca dan butuh pengingat cepat, atau siapa saja yang tertarik dengan self-help dan framework mindset tapi lebih memilih konten praktis yang ringkas dibanding 200+ halaman."},{"question":"Bagaimana konten diorganisir?","answer":"Rangkuman mengikuti struktur buku: Pengantar plus 9 BAB, masing-masing dibagi menjadi sub-bab. Di halaman, tiap BAB adalah bagian collapsible - klik judul BAB untuk membuka atau menutup. BAB pertama terbuka secara default supaya kamu bisa lihat gaya kontennya; sisanya tertutup untuk navigasi cepat."},{"question":"Apakah bisa offline?","answer":"Bisa. Seluruh file adalah satu halaman HTML mandiri dengan semua konten di-inline. Tidak ada panggilan jaringan, tidak ada request API, tidak ada dependensi CDN. Setelah halaman dimuat, kamu bisa disconnect dari internet dan semuanya tetap berfungsi."}]}],"initialSearch":"","initialCategory":"design","initialLocale":"id"}]}]}]] </article></body></html>