SiOni - Mecha Portfolio UI Component Kit
Description
SiOni's Mecha Portfolio UI Component Kit is a high-octane, interactive web portfolio and HUD command center inspired by late 2000s anime mecha aesthetics. Packed with 16 interactable components built with Tailwind CSS.
Features
16 Interactive Cockpit UI Component: Pre-built modular units styled after late-2000s anime mecha and tokusatsu tactical command displays.
100% Zero-Asset Interactivity: Built-in vanilla JS engine driving dynamic tab switches, real-time status feeds, modal blueprints, and a responsive CLI terminal.
Dark & Light Armor Chassis Modes: Dual-theme support allowing instant calibration between Stealth Dark Armor and high-contrast Light Pearl Armor.
Zero External File Dependencies: Completely self-contained single-file architecture utilizing Tailwind CSS v3, Google Fonts, native HTML5 Canvas, and pure programmatic SVGs.
Tactical Emergency Overheat Siren & Beacon: Full-screen emergency alert featuring screen-pulsing red beacon overlays, cockpit warning pop-ups, and a synthesized Web Audio dual-tone siren.
Web Audio SFX Synthesizer Engine: Native Web Audio API audio setup generating real-time laser chirps, UI click feedback, overdrive hums, and sirens with zero external MP3s.
Requirements
CSS Framework : Tailwind CSS v3 Icon Library : Lucide Icons Typography : Orbitron, Rajdhani, Share Tech Mono Scripts : Pure Vanilla JavaScript APIs : HTML5 Canvas API & Web Audio API
Instructions
Open index.html directly in any browser. Interact with components directly to test dark mode compatibility and interactive features. You can open the source-code using text a editor of your choice.
| Author | OniCahyoOktoviano |
|---|---|
| Category | Themes / HTML / Portfolio |
| Price | $15 |
| Extended License | $45 |
| First Release | Oct 9, 2026 |
| Last Update | Oct 9, 2026 |
| Files included | .html |
| Html/css framework | Tailwind CSS |
Categories
Tags
External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.
Products of the Week.
Submit🥇
STOP GUESSING WHAT TO POST
AI that learns your brand voice and builds a month of consistent, on-brand social content: carousels, posts and hooks that sound like you, not like everyone else's AI.
SaaS · 3,099 views · 28 clicksSaaS · Week 45 · 3,099 views · 28 clicks
🥈
Conversational Backlinks for Busy Founders
Place Backlink Relevant Conversation for your domain across Forums and Conversations
Website · 40,492 views · 216 clicksWebsite · Week 45 · 40,492 views · 216 clicks
🥉
upvote.club
Free Social Media Engagement that Helps Boost Your Content. Upvote Club supports 19 social networks with 100+ engagement actions in one dashboard. Add links to your posts and get free engagement from real users.
SaaS · 38,580 views · 110 clicksSaaS · Week 45 · 38,580 views · 110 clicks
#4
Substack Posting API
Onboard your Agent to Substack. Write Publish on Substack via API
SaaS · 57,621 views · 197 clicksSaaS · Week 45 · 57,621 views · 197 clicks
#5
Seenshot App
Free, Fast, MacOS Screenshot app. Make Screenshot cmd+shift+2 and send it via link
Desktop App · 27,054 views · 119 clicksDesktop App · Week 45 · 27,054 views · 119 clicks
#6
Hand-Placed Backlinks $9.99 per link. Flat rate.
Buy hand-placed forum, Q-A and directory backlinks. Flat $9.99 per link, no subscriptions — you only pay for approved listings.
Website · 2,991 views · 18 clicksWebsite · Week 45 · 2,991 views · 18 clicks
#7
Free Invoice Generator - PDF Invoices in Your Browser, No Sign-Up
A free invoice maker for freelancers and small businesses: fill in the invoice, check the live preview, and download a PDF that looks exactly like it. Any currency, tax per item, three templates, no sign-up, and nothing leaves your device.
1,685 views · 16 clicksWeek 45 · 1,685 views · 16 clicks
#8
Merge PDF Files Free - Combine PDFs in Your Browser, No Upload
A free PDF merger for office workers, students, and freelancers: combine PDFs and images into one file in the browser, reorder files and pages, pick page ranges, keep bookmarks, and open password-protected PDFs. Nothing is uploaded, no sign-up, no watermark.
1,579 views · 13 clicksWeek 45 · 1,579 views · 13 clicks