.navbar { position: sticky; top: 0; background: rgba(0,0,0,0.38); -webkit-backdrop-filter: blur(6px) saturate(1.05); backdrop-filter: blur(6px) saturate(1.05); padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #FFD700; box-shadow: 0 2px 8px rgba(0,0,0,0.20); z-index: 1000; } .navbar a { color: #FFD700; text-decoration: none; margin: 0 10px; font-weight: bold; padding: 8px 0; display: inline-block; } .navbar a:hover { color: #fff; } .intro, .section { background: rgba(0,0,0,0.28); -webkit-backdrop-filter: blur(6px) saturate(1.03); backdrop-filter: blur(6px) saturate(1.03); padding: 40px 20px; margin: 20px; border-radius: 10px; box-shadow: 0 6px 14px rgba(0,0,0,0.22); } .intro h1, .section h2 { color: #FFD700; text-align: center; } .category-nav { text-align: center; padding: 20px; background: rgba(0,0,0,0.28); -webkit-backdrop-filter: blur(4px) saturate(1.02); backdrop-filter: blur(4px) saturate(1.02); border-bottom: 2px solid #FFD700; z-index: 9; } .category-nav a { margin: 0 8px; color: #FFD700; text-decoration: none; font-weight: bold; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 20px; } .module { background: rgba(0,0,0,0.26); -webkit-backdrop-filter: blur(4px) saturate(1.02); backdrop-filter: blur(4px) saturate(1.02); border: 1px solid rgba(255,215,0,0.35); padding: 20px; border-radius: 10px; text-align: center; } .module img { width: 100%; max-height: 180px; object-fit: cover; border-radius: 8px; margin-bottom: 10px; } .module h3 { color: #FFD700; margin-bottom: 10px; } .module p { font-size: 14px; } .button { display: inline-block; margin-top: 10px; padding: 8px 16px; background-color: #FFD700; color: #000; text-decoration: none; border-radius: 5px; font-weight: bold; min-height: 44px; line-height: 1.2; } .button:hover { background-color: #e6c200; } /* === BTCX: Responsive background video layer === */ .bg-video-wrap{position:fixed;inset:0;width:100vw;height:100vh;height:100svh;overflow:hidden;z-index:-2;} #bg-video{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;transform:translateZ(0);} .bg-scrim{ position:absolute;inset:0; background: radial-gradient(120vw 120vh at 10% 10%, rgba(255,183,3,0.07), transparent 60%), linear-gradient(to bottom, rgba(0,0,0,0.12), rgba(0,0,0,0.32) 45%, rgba(0,0,0,0.42)); z-index:1;mix-blend-mode:normal; } /* Accessibility: respect prefers-reduced-motion */ @media (prefers-reduced-motion: reduce){ #bg-video{display:none;} .bg-video-wrap{background: url('BTCX black background.jpg') center/cover no-repeat fixed;} } /* iOS notch + safe areas */ @supports (padding: max(0px)){ .navbar{padding-top: max(12px, env(safe-area-inset-top));} body{padding-left:max(env(safe-area-inset-left),0px);padding-right:max(env(safe-area-inset-right),0px);} } /* Mobile polish */ @media (max-width: 600px){ .navbar{ position:sticky;top:0; background:rgba(0,0,0,0.38); backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px); } .category-nav{ position:sticky;top:56px;padding:10px;overflow-x:auto;white-space:nowrap; background:rgba(0,0,0,0.32); backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px); } .grid{grid-template-columns:1fr;gap:14px;} .module{padding:14px;} .module img{max-height:160px;} } /* Touch ergonomics */ a, button { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
Explore 66 open-source tools and 14 hashtag drivers, organized by category for fast access and creative empowerment. Build any app, any game, then publish ir or sell it on the public page, use the blog page to talk about your creations
Film-quality animation software. BTCX supports tools that move with meaning.
Explore
Popular CMS for blogs and websites. BTCX supports tools that publish with power.
Explore
Publishing platform for blogs and newsletters. BTCX supports tools that write with clarity.
Explore
Enterprise CMS with multilingual support. BTCX supports tools that manage complexity.
Explore
Secure CMS for intranets and portals. BTCX supports tools that protect and perform.
Explore
Anonymous browsing via Tor network. BTCX supports tools that browse without borders.
Explore
Secure email with end-to-end encryption. BTCX supports tools that protect your inbox.
Explore
Password manager with offline encryption. BTCX supports tools that remember securely.
Explore
Security-focused OS with compartmentalization. BTCX supports tools that isolate risk.
Explore
Client-side encryption for cloud storage. BTCX supports tools that encrypt with ease.
Explore
Instagram hashtag generator with 7.7M+ tags. BTCX supports tools that turn data into discovery.
Explore
Domain-specific hashtag suggestions. BTCX supports tools that match message to market.
Explore
Hashtag finder and scheduler. BTCX supports tools that turn creativity into consistency.
Explore
Generates, analyzes, and ranks hashtags. BTCX supports tools that make visibility effortless.
Explore
Hashtag generation via photo or keyword. BTCX supports tools that make optimization effortless.
Explore
ML-based hashtag generator for images. BTCX supports tools that turn pixels into performance.
Explore
Top 30 hashtag suggestions by keyword. BTCX supports tools that make growth simple.
Explore
Real-time hashtag tracking. BTCX supports tools that turn search into strategy.
Explore
Reliable Instagram hashtag suggestions. BTCX supports tools that turn keywords into connection.
Explore
Upload photo or enter keywords. BTCX supports tools that turn content into connection.
Explore
Real-time hashtag suggestions for text and images. BTCX supports tools that turn timing into traction.
Explore
Access 80 powerful tools—66 open-source platforms and 14 hashtag drivers. BTCX is your launchpad. Open-source. Open-reach. Open-future.