Welcome to the 32-Bit Cafe Resources list! This list is to help guide and help those who are in every stage of their web-building journey on the personal web. This list is not meant to overwhelm you, but rather give you options and find tools, graphics, utilities, codes, and everything in between to help get you creating more on the independent web.
This list is contributed to by members and some information has been grandfathered in from our Discord and other communication platforms. Feel free to share this list and get the word out about how easy and fun it is to create your own website and join in this side of the web!
Interested in contributing? Get permissions by sending /u/yequari or /u/xandra a message! Add categories and links in the same format using Markdown. If a resource you have in mind tends to fit into two categories, try selecting the one that best represents the intention of the resource. Try to list resources in alphabetical order for ease, but it will be periodically cleaned up anyway. Thank you for your efforts!
If the list becomes too cumbersome, we will begin splitting the lists into pages for easier reading and reference.
Webmastery
"Webmastery" and "webweaving" are cool ways to describe web development from a hobbyist standpoint, so we like to use it here. The resources below are meant to be helpful to create your own website.
Accessibility
- Access Guide
- Accessible Net Directory
- ANDI Accessibility Checker
- Color Contrast Tool
- The Ultimate Motherfucking Website: A Field Guide for Web Accessibility
- Web Accessibility Checklist
- Web Accessibility Evaluation Tools List
Beginner HTML Guides
- A Beginner's Guide to HTML
- The Cave of Dragonflies' HTML Guide
- CSS Grid Garden, a beginners' tutorial for CSS grids
- CSS Flexbox Froggy, a beginners' tutorial for CSS flexbox
- david.qa: answers to your creative website questions, with layouts & a website-building quick start guides
- How to Center in CSS
- HTML Cheatsheet
- HTML Dog
- MelonKing's Introduction to the Web Revival Guide
- Mozilla's Web Docs
- Shark Coder
- W3Schools HTML Tutorial
- What's Wrong With Your Website? Tutorials
Free Blogging Platforms & Static-Site Generators
- Bear Blog
- Eleventy
- Faircamp, Bandcamp alternative
- Gatsby
- Hugo
- Jekyll
- Likho's microblog.py
- Melonking's Gallery Maker, for HTML photo galleries by /u/Melon
- Nanoblog, created by /u/lime360
- Statamic
- Write Freely
- Zonelets, made for Neocities but can be used everywhere
Code Generators
- Beveled CSS Button/Box Code Generator
- Class Adder Script Writer
- CSS Background Generator
- CSS3 Code Generators
- CSS Code Generator Collection
- CSS Gradient Generator
- CSS Grid Generator
- (Another) CSS Grid Generator
- CSS Portal's CSS Generator Collection
- Custom Scrollbar CSS Generator
- HTML5 Code Generators
- Transparent Textures
- Reset CSS Stylesheet to Normalize Styling Across Browsers [alternative: Import Normalize.css]
- Web Design Assistant Code Generators
Code Snippets
- 30 Seconds of Code's CSS Snippets
- Bechnokid's resources, tutorials, and code snippets
- Block the Bots that Feed “AI” Models by Scraping Your Website
- Dynamic Drive: JS & CSS Scripts
- Fc2counter Visitor Counter Code
- Filter divs only Javascript Codepen by Leoandro
- Freefrontend
- Free Hosted Scripts
- Kalechips' code snippets
- Loveberry
- Updating SideBar
- Updating Top Nav Bar
- RV's free Javascript/DHTML effects
- Scripted
- Shenanigan's Code Snippets
- Wesource
Hosted Forms
- Riku Forms, created by /u/m15o
- Arengu
- Basin
- FieldGoal
- FormBackend
- Formcake
- Formcarry
- Formkeep
- Formspree
- Formstack
- FormSubmit
- form.taxi
- FormX
- Getform
- HeroTofu
- HeyForm
- Hyperforms
- Kwes
- Pageclip
- Paperform
- Smartforms
- Tally
- Web3Forms
Hosted Services for Websites
- Freeimage.host
- Glitch Code Editor & Tools
- HTML Journal: Easy RSS Feed for Your Website
- Status.Cafe Status Log
- Status.lol Status Log
Free Layouts
- Almost Sweet's Layouts
- Cepheus' Layouts
- Cinni's Layouts
- Codesharing Layout & Code Directory
- CreateBlog's Website Templates
- Dynamicdrive Layouts
- Eggramen's Layouts
- Fool Lovers Layouts (Use a translator!)
- France's Layouts
- Houdini's Layouts
- HTML5 Templates
- Janisites Layouts
- Kalechips Layouts
- Owl's F2U Website Templates
- Rarebit Webcomic Layout
- Repth's Layouts
- Palemomos
- Sadgrl Premade Templates
- Templaterr's Layouts
- Teppy's Layouts
- Tess is a Mess
- Themeking's Layouts
- Wish Glows' Anime Graphics & Layouts
- Your Creative Blog Website Tutorials & Freebies
- Xandra's Layouts
Layout Makers
Free Webhosts
- Codeberg Pages
- Github Pages
- Hot Glue: Host & Visual Tool to Create Websites
- Ichi.city
- Leprd.space (application-based, up to 1GB) [Applications closed]
- mmm.page (free tier, drag & drop web builder!)
- Neocities (free tier, up to 1GB)
- Teacake (free tier, up to 500MB) [Applications closed]
- W3Schools' Spaces (free tier, 20MB, 500 hits per month, learn-as-you-go!)
- Vistaserv.net
Creating, Managing, and Finding Webrings
- Amolith's Webring Using Go
- Brisray's Active Webrings List [archive]
- Dabric's Linkcircle
- Gray's JavaScript Webring
- LibreRing JavaScript Webring
- Neocities-Hosted Webrings List
- Neorings, dedicated platform to host webrings by /u/div
- Onionring JavaScript Webring Widget
- Sadgrl's JavaScript Webring Tutorial
- Viatrix's Webring Creation Tutorial Using Github, Jekyll, and Netlify, by /u/mincerafter42
- Webri.ng Webring Host & Backend Handler
- Webring Kit Using Eleventy & Netlify
Widgets
X-References
Graphics
These are resources relating to graphics, graphic design, or creating art.
Browser-Based Graphic Editors
- blinkies.cafe
- Cloudpaint
- Dither images in different styles
- Dithermark
- EZGif Gif Editor/Maker
- Flaming Text Generator
- GigaGlitter Text Generator
- Hekate's 88x31 Button Maker
- JS Kidpix
- JS Paint
- Local PaintBBS
- Lospec Pixel Art Scaler
- Mastershot's Actually Free No Watermark Browser Video Editor
- Metamapper Generate Windows 95 Graphics
- Monopro (Use a translator!)
- Online-Image-Editor (Add glitter to photos)
- Photopea Online Photoshop Alternative
- Piskel Sprite Editor
- Pixilart Pixel Art Editor
- Pixlr Web Editor
- Remove image backgrounds
- Seamless background maker
- Pixel-Diary
- Ohpixels
- Pixel-Soup
Color Palettes
- Colorhexa
- Colormind
- ColorSpace
- CoMiGo's palette generator
- Coolors.co
- Image Color Picker for getting hex codes from colors on images
- Lospec Palette List
Free Graphics & Website Materials
- 88x31 Buttons
- 99GIF Shop
- Allyratworld Materials
- BAKENEKOKAN
- Betty's Graphics
- Bonnibel's Graphic Collection
- Catch a Star
- ClickArt 300,000 Images & Clip Art
- Cluster
- Cocktail Princess
- CommentsLive Graphics
- CSS3 Patterns Gallery
- da-lace
- Dokodemo's Graphics
- Elfwink's Pixels
- Engram Pixel
- Fool Lovers
- Frank-web
- free-backgrounds.com
- GifCities
- Glitter-Graphics and More
- Graphics including Web Ads
- Graphxkingdom
- GRSites Textures
- Hillhouse
- Hoarding!
- Ichigo Directory
- Ishimori
- Jan's Graphics
- Jasmine Feng
- KABEGAMI-TANK
- King-Lulu-Deer
- KiraKira Parts
- Lapin Agile
- Lovesick.Cafe
- Lulu in Cyberspace
- Maguro's Carrd
- OKUMONO
- Old school Graphics
- Pixel Safari
- Pokyaron
- Queen's Free World
- Raw Pixel
- Rose's Rose Garden
- Sadtheme's Pixels
- Sanguineroyal
- Middlepot
- SleepySprout Sozai
- Subtle Patterns
- Taylor's Tiny Backgrounds
- Texture Town
- Twice the Pixels
- web*citron
- Whimsical
- XYZ's Carrd
- Yasuragian
Pixel Cliques & Clubs
Here is an ongoing list of active pixel clubs and cliques across the web that have either been created or revived from an older age of the internet. Unsure about what this is?
- Afternoon Tea
- Bunny Garden
- CDwORLD
- Charm Bracelets
- Dream Team
- Fizzy Vendor
- Hall of Rock
- Hold My Hand
- Jar Jams
- Kindness Rocks
- Kitty Friends
- Lava Lounge
- Nyanbo
- Objets
- Pill Pals
- Pill Party
- Pocket Town
- RPG Club
- Sticker Sheet Club
- Teeny Towers
Placeholder Images
- Dynamic Dummy Image Generator
- Generative Placeholder Images
- Lorem Picsum
- Placeholder Pics
- Placekitten Placeholder Images
Free Stock Images & Illustrations
Utilities & Programs
These are utilities, programs, and helpful tools that can help make your life easier when it comes to computing, webmastery, and other computer-related hobbies.
Webweaving Utilities
- Convert large blocks of text to html code
- Convert email newsletters into Atom feeds
- Copy + paste kaomoji
- Dead Link Checker
- Generate a Timestamp
- GTmetrix, shows how fast your site loads and gives recommendations on how to improve load times
- Pixels Converter for CSS Sizing
- RSS Box, for subscribing to websites that don't have RSS feeds
- Smooth Gradient Sass Function
- Squoosh Image Optimizer
- Test webpages on different screen resolutions
- Tinylytics, a free small-web analytics tool
- Unicode Text Generators
Social Media Utilities
- CobyCat's Pimp My SpaceHey Code Generator
- Heath's SpaceHey Layout Generator
- How to Run Your Own Social Media
- StreetPass for Mastodon
Retro Utilities & Programs
Typefaces & Fonts
- Beautiful Webtype: In-Depth Guide to the Best Free Fonts
- coolLabs Fonts, a Google Fonts CDN replacement
- Font End Dev
- Fontspring, worry-free fonts
- fonts.upset.dev, a Google Fonts CDN replacement
- Free Japanese Font
- Kreative Korp Relay Fonts
- The Best of Creative Lettering
- The Ultimate Oldschool PC Font Pack
- Typetester Typesetting Tool
- Velvetyne Type Foundry
Other Software & Utilities
Independent Web Alternatives
These are alternative projects, web services, and replacements for the corporate web or corporate services.
Education
Search Engines
Creativity Tools & Programs
- Compress Images
- Every tool you could want to edit images in bulk
- GIMP Image Manipulator Program, an open-source Photoshop alternative
- HandBrake Video Transcoder
- Kdenlive
- Krita Graphics Editor
- Mixx DJ Software
- OpenToonz 2D Animating Software
- Schism Tracker Music Creator
Productivity Tools & Programs
- Alternative Internet List, a collection of networks and technology aiming at re-decentralizing the Internet
- Etherpad, Google Docs Alternative
- Framasoft Software's De-Google-ify the Internet, a collection of homegrown Big Tech alternatives
- Goblin Tools, a collection of small, simple, single-task tools, mostly designed to help neurodivergent people with tasks they find overwhelming or difficult
Services
- Artisans Cooperative, an Etsy alternative
Contributors
Thank you so much to everyone who contributes to the list. Some of these have been added from Discord and other shared spaces, so those folks have been added here. Please sign your name below if you added links to this resource!