Design retro 88x31 buttons with Figma-grade controls.
Stop using blurry, feature-limited generators. OneStopSite is a lightweight, ultra-fast canvas-based editor with frame animations, layers, custom stroke text, and crystal-clear GIF exports.
Designed on OneStopSite
Mouseover buttons to preview animations
Why OneStopSite is Better
We analyzed standard tools like Lynn's Button Maker and identified major weaknesses. Here is how we engineered the ultimate editor.
| Feature | Typical Makers | OneStopSite |
|---|---|---|
| Rendering Engine | Blurry DOM-to-image capture (`html2canvas`) | Pixel-perfect client HTML5 Canvas |
| Animation Capabilities | Static PNGs only (no GIF support) | Multi-frame GIF animation timeline |
| Layering System | Flat, non-editable DOM stack | Photoshop-like draggable layer list |
| Text Customization | Single text input, click Submit to preview | Multiple text layers, live typing, stroke outlines, custom shadows |
| Project Saves | Lose progress on refresh | Export/Import JSON templates, browser Auto-save |
| High-DPI Support | Fixed 88x31 size only (looks blurry on modern monitors) | Export up to 8x resolution (crisp pixel upscale) |
Featured Templates
Select a preset to load into the workspace and remix.
Retro Cyber
A futuristic digital design with grid lines, neon text, and retro-futurism overlay.
Classic 1995
Emulate the vintage GUI styling of early Windows desktops. Solid gray outset borders, monospace font.
GeoCities Construction
The quintessential Web 1.0 badge. Flashing yellow/red texts and diagonal warning scanlines.
The Nostalgic Revival: 88x31 Buttons and Retro Web Aesthetics
In the early days of the web (late 1990s and early 2000s), personal websites, blogs, and link directories on hosting services like GeoCities, Angelfire, and Tripod used tiny standard-sized banner images to link to each other. The standard dimensions were 88 pixels wide by 31 pixels tall.
These buttons were also known as "badges", "steely buttons", or "link buttons." They were usually designed using pixel art, featuring animations (blinking lights, sliding banners, text scrolls) to grab attention. Netscape, Internet Explorer, and early web standards buttons (like "CSS Valid" and "Made with Notepad") popularized this exact format.
The Ultimate 88x31 Button Editor for Modern Creators
If you are building a personal corner on the internet, using a dedicated 88x31 button editor is the best way to craft custom badges without relying on complicated design suites. Our builder bridges the gap between classic low-resolution aesthetics and Figma-like vector workflows. Whether you want to showcase your favorite operating system, signal your allegiance to a particular web browser, or exchange links with friends on the modern indie web, this canvas-based creator gives you pixel-perfect results in seconds. You can start with a blank screen or choose from predefined templates to build badges that align with your digital space.
Perfect for Neocities Templates & Personal Spaces
A huge part of the personal web revival is centered around platforms like neocities, where developers build creative, custom websites from scratch. Incorporating vintage buttons into your neocities templates adds a layer of authenticity that is difficult to replicate with modern flat UI graphics. Retro buttons are visual handshakes of the web; displaying them in a widget sidebar or a dedicated link-exchange directory signals that your site is part of a wider, decentralized neighborhood. By using our tool to generate custom buttons, you can fit your neocities template with icons that perfectly match its theme.
Design Custom Neocities Blinkies & Retro Graphics
No retro page layout is complete without neocities blinkies. These tiny, sparkling graphic banners represent interests, web standards, and personal expressions. By combining layers, customized letter spacing, and timing delays in our timeline editor, you can create blinking texts, cycling color states, and sparkling star animations. The timeline animator works similarly to traditional keyframe editors, letting you define unique overrides for each frame. This is a game-changer for building animated banners, warning stripes, and vintage sparkles that make your personal site feel alive and interactive.
Rebuilding Geocities Websites and Digital Heritage
When you look at an original geocities website, the first things you notice are pixelated font styles, scrolling marquees, and flashing icons. Early web development lacked clean modern layouts, relying instead on raw creativity and micro-graphics. Today, digital archivists and retro enthusiasts are rebuilding these sites to preserve their history. A key component of any neocities or geocities layout is the collection of animated geocities gifs and button banners. Our builder lets you load classic styles, customize coordinates, layer colors, and download high-contrast, sharp files that integrate seamlessly into your retro design.
Indie Web Design: The Philosophy of Decentralization
Modern web layout styling often feels uniform and sterile, with big tech platforms dictating layout structures. In response, the indie web design movement advocates for owning your data and expressing your individuality. Creating a personal layout, hosting it, and linking to other web builders using customized badges is an act of digital independence. Our 88x31 button editor makes it easy for developers of all skill levels to design icons that fit this philosophy, offering nearest-neighbor pixel resizing to ensure that small graphics remain sharp on high-definition modern screens.
88x31 Button Editor - Frequently Asked Questions
To make 88x31 buttons online, use an interactive canvas builder like the OneStopSite 88x31 button editor. You can design custom backgrounds (solid fill, gradients, or custom uploaded images), place vector shapes (rectangles, circles, stars, polygons), and type text with pixel fonts, outline strokes, and drop shadows. Once complete, export your creation as a crisp PNG or an animated GIF.
To make a site button for Neocities, open the OneStopSite studio, load a classic template like the Windows 95 or Cyberpunk preset, customize the text to display your website name, and drop in built-in assets. Export the file as a PNG or GIF, upload it to your Neocities site folder, and share the HTML exchange code snippet with other webmasters.
Standard vintage web badges are exactly 88 pixels wide by 31 pixels tall (often referred to as 88x31 buttons). Other popular retro formats include 150x80 banners, 468x60 full banners, and 120x60 badges. The 88x31 canvas remains the absolute standard size for link directories and personal button exchanges.
Yes, this 88x31 button editor includes a frame timeline animator. You can add multiple keyframes, customize the delays (in milliseconds), and define layer overrides (like coordinates, opacity, colors, or text) per frame. When you click Export GIF, it compiles the frames into a pixel-perfect, loopable animated GIF.
<a href="https://yoursite.com" target="_blank"><img src="/button.png" width="88" height="31" alt="My Website"></a> A blinkie is a tiny animated banner (usually featuring sparkling elements and animated text) used to express interests or web standards. You can design one in our editor by placing star/sparkle shapes or using pixel typography, adding a color shift or coordinate nudge in a second timeline frame, and exporting the animated output.
Yes, OneStopSite is 100% free, open-source, and does not require registration or credit cards. The entire editor runs client-side inside your browser, meaning your templates and designs are private, secure, and load instantly.
No, you do not need to register. You can save your progress directly to your browser's local cache using the auto-save feature, or export your layout as a standard JSON project file to resume editing later from any machine.
Yes, the editor supports Google Fonts tailored for retro typography (including Press Start 2P, Silkscreen, Pixelify Sans, and VT323). You can also apply stroke outline width and color, text drop shadows, glow effects, bevel boundaries, and pixel noise grain overlays.
Retro link badges are optimized at a tiny 88x31 pixel size to minimize page load speeds and keep layouts uniform. Modern banners are larger and designed for high-resolution graphics, whereas 88x31 buttons maintain the classic, lightweight, pixel-perfect feel of early webrings and the indie web.