CRAFTFUN

⛏️ PUMP.FUN × MINECRAFT ⛏️
LAUNCH TOKENS LIVE IN MINECRAFT

HOW IT WORKS

1
TWEET US
Mention @craftfunio on X with your token name, ticker & image
2
WE BUILD LIVE
Watch us create your token in Minecraft in real-time on stream
3
AUTO LAUNCH
Token deploys to pump.fun instantly when we finish building
4
TO THE MOON
Join our server and watch your token grow block by block

READY TO CRAFT YOUR TOKEN?

🔴 LIVE LAUNCHES
🎥 STREAM COMING SOON 🎥

WHY CRAFTFUN?

🎮
100% MINECRAFT
Every single token is crafted live on our Minecraft server
📺
LIVE STREAMS
Watch your token materialize in real-time on Twitch/YouTube
INSTANT DEPLOY
Automatic pump.fun launch the moment we finish building
🎨
PIXEL ART
Bring your own or let us create epic Minecraft pixel art
🌍
MULTIPLAYER
Join the server and be part of the token creation process
💎
FAIR LAUNCH
No presales, no VCs, pure community-driven launches
/* ISOMETRIC MINECRAFT WORLD */ .world { position: fixed; top: 0; left: 0; width: 100%; height: 100%; perspective: 1000px; overflow: hidden; z-index: 0; } .blocks-layer { position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; transform-style: preserve-3d; animation: rotate-world 120s linear infinite; } @keyframes rotate-world { from { transform: rotateY(0deg) rotateX(30deg); } to { transform: rotateY(360deg) rotateX(30deg); } } .block-3d { position: absolute; width: 60px; height: 60px; transform-style: preserve-3d; animation: float-3d 8s ease-in-out infinite; } @keyframes float-3d { 0%, 100% { transform: translateZ(0) rotateX(0deg); } 50% { transform: translateZ(50px) rotateX(180deg); } } .block-face { position: absolute; width: 60px; height: 60px; border: 2px solid rgba(0,0,0,0.3); background-size: 20px 20px; } .grass-block .top { background: repeating-linear-gradient(45deg, var(--grass) 0px, var(--grass) 10px, #6BD000 10px, #6BD000 20px); transform: rotateX(90deg) translateZ(30px); } .grass-block .side { background: linear-gradient(var(--grass) 0%, var(--grass) 20%, var(--dirt) 20%, var(--dirt) 100%); transform: rotateY(0deg) translateZ(30px); } /* EXPLOSIVE HEADER */ .hero { position: relative; z-index: 10; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 40px 20px; background: radial-gradient(circle at 50% 50%, rgba(127, 255, 0, 0.1) 0%, transparent 70%); } .logo-container { position: relative; margin-bottom: 40px; } .main-logo { font-family: 'Bungee', cursive; font-size: clamp(60px, 15vw, 180px); background: linear-gradient(45deg, var(--gold) 0%, var(--diamond) 25%, var(--grass) 50%, var(--diamond) 75%, var(--gold) 100%); background-size: 400% 400%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: rainbow-shift 3s ease infinite, glitch 0.5s infinite; position: relative; text-shadow: none; line-height: 0.9; letter-spacing: -0.05em; } @keyframes rainbow-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes glitch { 0%, 90%, 100% { transform: translate(0); } 92% { transform: translate(-3px, 2px); } 94% { transform: translate(3px, -2px); } 96% { transform: translate(-2px, 3px); } } .main-logo::before, .main-logo::after { content: 'CRAFTFUN'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .main-logo::before { animation: glitch-1 0.7s infinite; clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%); background: linear-gradient(90deg, #FF00FF, #00FFFF); -webkit-background-clip: text; background-clip: text; } .main-logo::after { animation: glitch-2 0.5s infinite; clip-path: polygon(0 55%, 100% 55%, 100% 100%, 0 100%); background: linear-gradient(90deg, #00FF00, #FFD700); -webkit-background-clip: text; background-clip: text; } @keyframes glitch-1 { 0%, 100% { transform: translate(0); } 33% { transform: translate(-5px, 3px); } 66% { transform: translate(5px, -3px); } } @keyframes glitch-2 { 0%, 100% { transform: translate(0); } 33% { transform: translate(5px, -3px); } 66% { transform: translate(-5px, 3px); } } .explosion-text { font-family: 'Bungee', cursive; font-size: clamp(24px, 5vw, 48px); color: var(--gold); margin: 30px 0; text-transform: uppercase; letter-spacing: 0.1em; animation: explode-pulse 2s ease-in-out infinite; filter: drop-shadow(0 0 20px var(--gold)); } @keyframes explode-pulse { 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 20px var(--gold)); } 50% { transform: scale(1.1); filter: drop-shadow(0 0 40px var(--gold)) drop-shadow(0 0 60px var(--gold)); } } .subtitle-chaos { font-size: clamp(18px, 3vw, 32px); margin: 20px 0; color: var(--diamond); text-shadow: 0 0 10px var(--diamond), 0 0 20px var(--diamond); animation: color-cycle 4s infinite; } @keyframes color-cycle { 0%, 100% { color: var(--diamond); text-shadow: 0 0 10px var(--diamond); } 33% { color: var(--gold); text-shadow: 0 0 10px var(--gold); } 66% { color: var(--grass); text-shadow: 0 0 10px var(--grass); } } /* DIAGONAL CHAOS SECTION */ .chaos-container { position: relative; z-index: 5; background: linear-gradient(135deg, rgba(10, 14, 39, 0.95) 0%, rgba(15, 186, 61, 0.1) 100%); transform: skewY(-3deg); margin: 100px 0; padding: 100px 0; overflow: hidden; } .chaos-container::before { content: ''; position: absolute; top: 0; left: -50%; width: 200%; height: 100%; background: repeating-linear-gradient( 45deg, transparent 0px, transparent 50px, rgba(127, 255, 0, 0.03) 50px, rgba(127, 255, 0, 0.03) 100px ); animation: slide-pattern 20s linear infinite; } @keyframes slide-pattern { from { transform: translateX(0); } to { transform: translateX(100px); } } .chaos-inner { transform: skewY(3deg); max-width: 1400px; margin: 0 auto; padding: 0 20px; } /* INSANE STEP CARDS */ .steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 60px; } .step-card { background: rgba(0, 0, 0, 0.7); border: 4px solid; padding: 40px; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); } .step-card:nth-child(1) { border-color: #FF00FF; animation: float-card 3s ease-in-out infinite; } .step-card:nth-child(2) { border-color: var(--diamond); animation: float-card 3s ease-in-out infinite 0.5s; } .step-card:nth-child(3) { border-color: var(--gold); animation: float-card 3s ease-in-out infinite 1s; } .step-card:nth-child(4) { border-color: var(--grass); animation: float-card 3s ease-in-out infinite 1.5s; } @keyframes float-card { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-20px) rotate(2deg); } } .step-card:hover { transform: scale(1.1) rotate(-3deg) !important; z-index: 10; } .step-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); animation: rotate-shine 4s linear infinite; opacity: 0; transition: opacity 0.4s; } .step-card:hover::before { opacity: 1; } @keyframes rotate-shine { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .step-emoji { font-size: 80px; display: block; margin-bottom: 20px; animation: bounce-emoji 2s ease-in-out infinite; filter: drop-shadow(0 5px 15px rgba(0,0,0,0.5)); } @keyframes bounce-emoji { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-15px) scale(1.1); } } .step-title { font-family: 'Bungee', cursive; font-size: 28px; margin-bottom: 15px; color: var(--gold); text-transform: uppercase; } .step-text { font-size: 22px; line-height: 1.6; color: #fff; } /* MASSIVE CTA */ .cta-zone { position: relative; z-index: 10; padding: 120px 20px; background: radial-gradient(circle at 20% 50%, rgba(255, 0, 255, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(0, 255, 255, 0.3) 0%, transparent 50%), var(--night); text-align: center; overflow: hidden; } .cta-zone::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: repeating-linear-gradient(90deg, transparent 0px, transparent 2px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.03) 4px), repeating-linear-gradient(0deg, transparent 0px, transparent 2px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.03) 4px); pointer-events: none; } .cta-title { font-family: 'Bungee', cursive; font-size: clamp(40px, 8vw, 100px); margin-bottom: 50px; background: linear-gradient(90deg, #FF00FF, var(--diamond), var(--gold), var(--grass)); background-size: 300% 300%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: rainbow-shift 4s ease infinite; line-height: 1.1; } .button-row { display: flex; gap: 30px; justify-content: center; flex-wrap: wrap; margin-top: 40px; } .mega-button { font-family: 'Bungee', cursive; font-size: clamp(20px, 3vw, 32px); padding: 30px 60px; border: 6px solid; background: transparent; color: white; cursor: pointer; position: relative; overflow: hidden; text-decoration: none; display: inline-block; transition: all 0.3s ease; text-transform: uppercase; } .mega-button::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255,255,255,0.2); transform: translate(-50%, -50%); border-radius: 50%; transition: width 0.6s, height 0.6s; } .mega-button:hover::before { width: 300%; height: 300%; } .mega-button span { position: relative; z-index: 1; } .btn-tweet { border-color: #1DA1F2; animation: pulse-border-blue 2s infinite; } @keyframes pulse-border-blue { 0%, 100% { border-color: #1DA1F2; box-shadow: 0 0 20px rgba(29, 161, 242, 0.5); } 50% { border-color: #00FFFF; box-shadow: 0 0 40px rgba(0, 255, 255, 0.8), 0 0 60px rgba(0, 255, 255, 0.4); } } .btn-server { border-color: var(--grass); animation: pulse-border-green 2s infinite 0.5s; } @keyframes pulse-border-green { 0%, 100% { border-color: var(--grass); box-shadow: 0 0 20px rgba(127, 252, 0, 0.5); } 50% { border-color: var(--gold); box-shadow: 0 0 40px rgba(255, 215, 0, 0.8), 0 0 60px rgba(255, 215, 0, 0.4); } } .mega-button:hover { transform: scale(1.05) translateY(-5px); } .mega-button:active { transform: scale(0.95) translateY(0); } /* LIVE MADNESS */ .live-zone { position: relative; z-index: 10; padding: 80px 20px; background: radial-gradient(circle at center, rgba(255, 0, 0, 0.2) 0%, transparent 70%), var(--night); max-width: 1200px; margin: 0 auto; } .live-badge { display: inline-block; font-family: 'Bungee', cursive; font-size: 32px; background: #FF0000; color: white; padding: 15px 40px; margin-bottom: 30px; position: relative; animation: live-blink 1.5s infinite; } @keyframes live-blink { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.7; transform: scale(1.05); } } .live-badge::before { content: '⬤'; color: white; margin-right: 15px; animation: pulse-dot 1s infinite; } @keyframes pulse-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } } .stream-box { aspect-ratio: 16/9; background: linear-gradient(135deg, #000 0%, #1a1a1a 100%); border: 8px solid var(--grass); position: relative; overflow: hidden; box-shadow: 0 0 60px rgba(127, 252, 0, 0.5); } .stream-box::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); animation: scan-line 3s linear infinite; } @keyframes scan-line { from { left: -100%; } to { left: 100%; } } .stream-placeholder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-family: 'Bungee', cursive; font-size: clamp(24px, 4vw, 48px); color: var(--grass); text-shadow: 0 0 20px var(--grass); } /* FEATURES EXPLOSION */ .features-zone { position: relative; z-index: 10; padding: 100px 20px; max-width: 1600px; margin: 0 auto; } .features-title { font-family: 'Bungee', cursive; font-size: clamp(48px, 8vw, 96px); text-align: center; margin-bottom: 80px; background: linear-gradient(45deg, var(--gold), var(--diamond), var(--grass)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; } .feature-item { background: rgba(0, 0, 0, 0.6); padding: 50px 40px; border: 3px solid; position: relative; transition: all 0.4s ease; } .feature-item:nth-child(odd) { border-color: var(--diamond); transform: rotate(-2deg); } .feature-item:nth-child(even) { border-color: var(--gold); transform: rotate(2deg); } .feature-item:hover { transform: rotate(0deg) scale(1.05); z-index: 10; box-shadow: 0 20px 60px rgba(0,0,0,0.5); } .feature-icon-big { font-size: 80px; margin-bottom: 25px; display: block; animation: spin-icon 10s linear infinite; } @keyframes spin-icon { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .feature-item:hover .feature-icon-big { animation-play-state: paused; } .feature-name { font-family: 'Bungee', cursive; font-size: 26px; margin-bottom: 15px; color: var(--gold); } .feature-details { font-size: 20px; line-height: 1.7; color: #ccc; } /* FOOTER CHAOS */ footer { position: relative; z-index: 10; background: #000; padding: 60px 20px; text-align: center; border-top: 10px solid var(--grass); } .footer-logo { font-family: 'Bungee', cursive; font-size: 48px; color: var(--gold); margin-bottom: 30px; } .footer-text { font-size: 20px; margin: 15px 0; color: #888; } .footer-links { margin-top: 30px; } .footer-links a { color: var(--diamond); text-decoration: none; margin: 0 20px; font-size: 22px; transition: all 0.3s; } .footer-links a:hover { color: var(--gold); text-shadow: 0 0 20px var(--gold); } /* CRAZY PARTICLES */ .particle-rain { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .particle { position: absolute; font-size: 30px; animation: fall linear infinite; } @keyframes fall { from { transform: translateY(-100px) rotate(0deg); opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } to { transform: translateY(100vh) rotate(720deg); opacity: 0; } } @media (max-width: 768px) { .button-row { flex-direction: column; align-items: center; } .mega-button { width: 100%; max-width: 400px; } }

CRAFTFUN

⚡ PUMP.FUN × MINECRAFT ⚡
LAUNCH TOKENS. LIVE. IN BLOCKS.

HOW IT WORKS

🐦
TWEET US
Mention @CraftFunLive with your token concept, ticker, and image
⛏️
WE BUILD LIVE
Watch us construct your token in Minecraft in REAL TIME
🚀
INSTANT LAUNCH
Token deploys to pump.fun the moment we finish building
💎
MOON TIME
Join our server and watch your fortune grow block by block

READY TO
MAKE HISTORY?

🐦 TWEET NOW ⛏️ JOIN SERVER
🔴 LIVE LAUNCHES
STREAM
COMING SOON

WHY CRAFTFUN?

🎮
100% MINECRAFT
Every token created live on our server. No websites. Pure blocks.
📺
LIVE STREAMS
Watch your token materialize in real-time. Pure entertainment.
INSTANT DEPLOY
From Minecraft block to tradeable token in seconds. Magic is real.
🎨
PIXEL ART
Bring your image or let us craft legendary pixel masterpieces.
🌍
COMMUNITY
Join the server. Watch launches. Vibe with fellow builders.
💰
FAIR LAUNCH
No VCs. No presale. No BS. Just pure community chaos.
/* Minecraft Sky and Grass Background */ .sky { position: fixed; top: 0; left: 0; width: 100%; height: 60%; background: linear-gradient(180deg, #87CEEB 0%, #B0E0FF 100%); z-index: 0; } .ground { position: fixed; bottom: 0; left: 0; width: 100%; height: 40%; background: repeating-linear-gradient( 0deg, #7CBA3E 0px, #7CBA3E 4px, #6BA82F 4px, #6BA82F 8px ), repeating-linear-gradient( 90deg, #8B4513 0px, #8B4513 64px, #A0522D 64px, #A0522D 128px ); background-size: 100% 40px, 100% 100%; background-position: 0 0, 0 40px; z-index: 0; border-top: 8px solid #5A8C2A; } /* Clouds */ .cloud { position: fixed; background: white; border-radius: 0; box-shadow: 20px 0 0 white, 40px 0 0 white, 60px 0 0 white, 10px -10px 0 white, 30px -10px 0 white, 50px -10px 0 white; width: 20px; height: 20px; animation: float-cloud linear infinite; z-index: 1; } @keyframes float-cloud { from { transform: translateX(-200px); } to { transform: translateX(calc(100vw + 200px)); } } /* Minecraft Characters */ .character { position: fixed; bottom: 40%; width: 48px; height: 72px; z-index: 5; image-rendering: pixelated; animation: walk 20s linear infinite; } .steve { background: linear-gradient(0deg, #0000FF 0%, #0000FF 25%, #00FFFF 25%, #00FFFF 50%, #FFA500 50%, #FFA500 75%, #8B4513 75%, #8B4513 100% ); } .creeper { background: linear-gradient(0deg, #2F5C2F 0%, #2F5C2F 70%, #000000 70%, #000000 100% ); } .alex { background: linear-gradient(0deg, #0000FF 0%, #0000FF 25%, #FF69B4 25%, #FF69B4 50%, #FFA500 50%, #FFA500 75%, #8B4513 75%, #8B4513 100% ); } @keyframes walk { 0% { left: -100px; transform: scaleX(1); } 48% { left: calc(100% + 100px); transform: scaleX(1); } 50% { left: calc(100% + 100px); transform: scaleX(-1); } 98% { left: -100px; transform: scaleX(-1); } 100% { left: -100px; transform: scaleX(1); } } /* Floating blocks */ .floating-block { position: fixed; width: 40px; height: 40px; background-size: cover; z-index: 2; animation: float-block 15s ease-in-out infinite; image-rendering: pixelated; } @keyframes float-block { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-30px) rotate(180deg); } } .diamond-block { background: repeating-linear-gradient(45deg, #00FFFF 0px, #00FFFF 4px, #0080FF 4px, #0080FF 8px), repeating-linear-gradient(-45deg, #00FFFF 0px, #00FFFF 4px, #0080FF 4px, #0080FF 8px); } .gold-block { background: repeating-linear-gradient(45deg, #FFD700 0px, #FFD700 4px, #FFA500 4px, #FFA500 8px), repeating-linear-gradient(-45deg, #FFD700 0px, #FFD700 4px, #FFA500 4px, #FFA500 8px); } .emerald-block { background: repeating-linear-gradient(45deg, #00FF00 0px, #00FF00 4px, #008000 4px, #008000 8px), repeating-linear-gradient(-45deg, #00FF00 0px, #00FF00 4px, #008000 4px, #008000 8px); } /* Main Container */ .container { max-width: 1200px; margin: 0 auto; padding: 40px 20px; position: relative; z-index: 10; } /* Header */ header { text-align: center; padding: 60px 40px; background: repeating-linear-gradient(90deg, rgba(0,0,0,0.8) 0px, rgba(0,0,0,0.8) 4px, rgba(0,0,0,0.6) 4px, rgba(0,0,0,0.6) 8px); border: 8px solid #654321; box-shadow: 0 8px 0 #4A3419, inset 0 0 0 4px #8B4513, 0 0 60px rgba(0,0,0,0.5); margin-bottom: 60px; position: relative; backdrop-filter: blur(5px); } .logo { font-size: 56px; color: #FFD700; text-shadow: 6px 6px 0 #000, 0 0 30px #FFD700, 0 0 60px #FFD700; margin-bottom: 30px; animation: title-glow 3s ease-in-out infinite; line-height: 1.3; } @keyframes title-glow { 0%, 100% { text-shadow: 6px 6px 0 #000, 0 0 30px #FFD700; } 50% { text-shadow: 6px 6px 0 #000, 0 0 60px #FFD700, 0 0 90px #FFD700; } } .subtitle { font-size: 18px; color: #4CAF50; margin-top: 20px; text-shadow: 3px 3px 0 #000; line-height: 1.6; } .tagline { font-size: 12px; color: #00FFFF; margin-top: 25px; text-shadow: 2px 2px 0 #000; padding: 15px; background: rgba(0,0,0,0.5); display: inline-block; } /* How It Works Section */ .how-it-works { background: rgba(0, 0, 0, 0.85); border: 8px solid #4CAF50; padding: 50px; margin-bottom: 50px; box-shadow: 0 8px 0 #2d5f2e, 0 0 40px rgba(76, 175, 80, 0.5); text-align: center; } .section-title { font-size: 28px; color: #FFD700; margin-bottom: 40px; text-shadow: 4px 4px 0 #000; } .steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 40px; } .step { background: rgba(255, 255, 255, 0.1); border: 4px solid #FFD700; padding: 30px; position: relative; transition: all 0.3s; } .step:hover { transform: translateY(-10px) scale(1.05); box-shadow: 0 15px 0 #cc9900, 0 0 50px rgba(255, 215, 0, 0.6); border-color: #00FFFF; } .step-number { font-size: 48px; color: #4CAF50; margin-bottom: 20px; text-shadow: 4px 4px 0 #000; } .step-title { font-size: 14px; color: #FFD700; margin-bottom: 15px; } .step-desc { font-size: 10px; line-height: 1.8; color: #fff; } /* X Mention CTA */ .cta-section { background: repeating-linear-gradient(45deg, rgba(153, 69, 255, 0.9) 0px, rgba(153, 69, 255, 0.9) 20px, rgba(20, 241, 149, 0.9) 20px, rgba(20, 241, 149, 0.9) 40px); border: 8px solid #FFD700; padding: 60px; text-align: center; box-shadow: 0 12px 0 #cc9900, 0 0 60px rgba(255, 215, 0, 0.8); margin-bottom: 50px; animation: pulse-border 2s ease-in-out infinite; } @keyframes pulse-border { 0%, 100% { box-shadow: 0 12px 0 #cc9900, 0 0 60px rgba(255, 215, 0, 0.8); } 50% { box-shadow: 0 12px 0 #cc9900, 0 0 100px rgba(255, 215, 0, 1); } } .cta-title { font-size: 32px; color: #000; text-shadow: 3px 3px 0 #FFD700; margin-bottom: 30px; } .tweet-btn { background: #1DA1F2; border: 6px solid #000; padding: 25px 50px; font-family: 'Press Start+2P', cursive; font-size: 18px; color: white; cursor: pointer; box-shadow: 0 8px 0 #0c7abf; transition: all 0.2s; text-decoration: none; display: inline-block; text-shadow: 2px 2px 0 #000; margin: 10px; } .tweet-btn:hover { transform: translateY(-5px); box-shadow: 0 13px 0 #0c7abf, 0 0 40px rgba(29, 161, 242, 0.8); } .tweet-btn:active { transform: translateY(4px); box-shadow: 0 4px 0 #0c7abf; } .server-btn { background: #4CAF50; border: 6px solid #000; padding: 25px 50px; font-family: 'Press Start+2P', cursive; font-size: 18px; color: white; cursor: pointer; box-shadow: 0 8px 0 #2d5f2e; transition: all 0.2s; text-decoration: none; display: inline-block; text-shadow: 2px 2px 0 #000; margin: 10px; } .server-btn:hover { transform: translateY(-5px); box-shadow: 0 13px 0 #2d5f2e, 0 0 40px rgba(76, 175, 80, 0.8); } .server-btn:active { transform: translateY(4px); box-shadow: 0 4px 0 #2d5f2e; } /* Live Stream Preview */ .live-section { background: rgba(0, 0, 0, 0.9); border: 8px solid #FF0000; padding: 50px; margin-bottom: 50px; box-shadow: 0 8px 0 #cc0000, 0 0 40px rgba(255, 0, 0, 0.5); } .live-badge { background: #FF0000; color: white; padding: 10px 20px; font-size: 12px; display: inline-block; margin-bottom: 20px; animation: blink 1s infinite; } @keyframes blink { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0.5; } } .stream-placeholder { width: 100%; aspect-ratio: 16/9; background: repeating-linear-gradient(0deg, #000 0px, #000 4px, #111 4px, #111 8px), linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%); border: 4px solid #4CAF50; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #4CAF50; margin-top: 20px; position: relative; overflow: hidden; } .stream-text { z-index: 2; text-align: center; line-height: 1.6; } /* Features Grid */ .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 50px; } .feature-box { background: rgba(0, 0, 0, 0.8); border: 6px solid #654321; padding: 40px; text-align: center; box-shadow: 0 6px 0 #4A3419; transition: all 0.3s; position: relative; overflow: hidden; } .feature-box:before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg, #FFD700, #4CAF50, #00FFFF, #9945FF); z-index: -1; opacity: 0; transition: opacity 0.3s; } .feature-box:hover:before { opacity: 1; } .feature-box:hover { transform: translateY(-10px) scale(1.05); box-shadow: 0 12px 0 #4A3419, 0 0 50px rgba(255, 215, 0, 0.5); } .feature-icon { font-size: 64px; margin-bottom: 25px; filter: drop-shadow(4px 4px 0 #000); } .feature-title { font-size: 16px; color: #FFD700; margin-bottom: 20px; text-shadow: 2px 2px 0 #000; } .feature-desc { font-size: 10px; line-height: 1.8; color: #ccc; } /* Footer */ footer { text-align: center; padding: 40px; background: rgba(0, 0, 0, 0.9); border-top: 8px solid #654321; font-size: 10px; color: #888; line-height: 1.8; } .footer-logo { font-size: 24px; color: #4CAF50; margin-bottom: 20px; } /* Particles */ .particle { position: fixed; pointer-events: none; z-index: 3; font-size: 20px; animation: rise 10s linear infinite; } @keyframes rise { 0% { transform: translateY(100vh) rotate(0deg); opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { transform: translateY(-100px) rotate(720deg); opacity: 0; } } /* Mobile Responsive */ @media (max-width: 768px) { .logo { font-size: 32px; } .subtitle { font-size: 12px; } .section-title { font-size: 18px; } .cta-title { font-size: 20px; } .tweet-btn, .server-btn { font-size: 12px; padding: 20px 30px; } header, .how-it-works, .cta-section, .live-section { padding: 30px 20px; } }
PUMP.FUN × MINECRAFT
🔥 LAUNCH YOUR TOKEN LIVE ON MINECRAFT 🔥
⚡ HOW IT WORKS ⚡
1️⃣
MENTION US ON X
Tag @CraftFunLive with your token idea, image, and ticker symbol
2️⃣
WE BUILD IT IN MINECRAFT
Watch us create your token LIVE on our Minecraft server
3️⃣
LAUNCH ON PUMP.FUN
Your token goes live on pump.fun - everyone can trade!
4️⃣
TO THE MOON 🚀
Join our Minecraft server and watch your token grow!
🎮 READY TO LAUNCH? 🎮
🐦 MENTION US ON X ⛏️ JOIN MINECRAFT SERVER
📺 LIVE TOKEN LAUNCHES 📺
🔴 LIVE NOW
🎥 STREAM COMING SOON 🎥

Watch tokens get created in Minecraft LIVE!
🎮
100% IN MINECRAFT
Every token is created live on our Minecraft server. No website forms, no boring stuff - just pure blocky magic!
📺
LIVE STREAM LAUNCHES
Watch your token come to life in real-time. Join our Twitch/YouTube and see the creation process live!
🚀
INSTANT PUMP.FUN
Once created in Minecraft, your token launches on pump.fun immediately. Fair launch, no BS!
🎨
PIXEL ART MAGIC
Bring your own image or let us create epic Minecraft pixel art for your token!
⛏️
JOIN THE SERVER
Be part of history! Watch launches happen live in-game and trade with the community!
💎
COMMUNITY FIRST
Built by gamers, for gamers. No VCs, no presales, just pure community vibes!