Killfeed

Generate Valorant-style kill feed banners for your clips — pick agents, weapons or abilities, team colors, headshots and wallbangs, then export as a transparent PNG.

Valorant Kill Feed Generator

Generate Valorant kill feed for your clips.

Features

• 🎭 Agents - Every playable agent (portraits from valorant-api)
• 🔫 Loadout - Weapons or the killer agent’s abilities
• 🎨 Team Colors - Editable teammate/enemy colors (defaults #67C4A1 / #F15A4A)
• ✨ Yellow Outline - Teammate outline with glow / inner styles
• 🎯 Extras - Headshot, wallbang, and swap (who kills who)
• 👀 Live Preview - Fit-to-width, fixed 72px banner
• 🖼️ Export - One-click transparent PNG with html-to-image

Tech Stack

• React - UI Components
• TypeScript - Type Safety
• Vite - Build Tool
• Tailwind CSS - Styling
• Bun - Runtime & Package Manager
• Oxlint - Linting
• valorant-api.com - Agent & Weapon Data

Agent and weapon data is prebuilt into a JSON file at build time, so there are no runtime API calls. A GitHub Action regenerates and commits it only when the upstream data changes.

Game & assets by VALORANT, media from VALORANT Wiki, font Barlow. Not affiliated with or endorsed by Riot Games.