generators

• webcode css generators   ⸺   various css generators
• shorthand generator   ⸺   padding/margin shorthand generator for dumb bitches (me) who can't remember the order. sadly down but still works on wayback!
• html-css-js   ⸺   various generators
• cssgridgenerator   ⸺   craft css grids
• text color fader   ⸺   gradient text crafter
• hcss-generators   ⸺   more css generators
• htmltables   ⸺   craft a table
• broider   ⸺   make cool little pixel borders with css
• svg gradient wave generator   ⸺   makes a neat little pattern
• blurred background generator   ⸺   makes blurred gradient backgrounds
• cssportal scrollbar generator   ⸺   scrollbar maker, gets pretty in depth
• scrollbar.app   ⸺   another scrollbar generator, a little simpler but gets the job done
• cssportal text shadow generator   ⸺   text shadow generator, comes preloaded with a few styles to fiddle with
• clippy   ⸺   css clip path generator
• unused css clip path generator   ⸺   another css clip path generator, my preferred
• html table styler   ⸺   in depth table generator/styler
• stephenpaton scrollbar marker   ⸺   scrollbar maker
• cssbud css glow generator   ⸺   generate a box shadow glow effect
• css border gradient generator   ⸺   what it says on the tin

calculators, converters, & code checkers

• codebeautify html cleaner   ⸺   clean up html code
• meyerweb color blend   ⸺   hex color blender/gradient maker
• colourcontrast   ⸺   color contrast checker
• the good line height   ⸺   line height calculator
• html washer   ⸺   clean up your damn code
• hex to rgba   ⸺   hex code to rgba
• markdown to html   ⸺   converts markdown (what discord, rentry, carrd, reddit uses) to html
• openrelay hex to rgba   ⸺   hex code to rgba again, little more flexible to use

tutorials, guides, and reference

• javascript menu tutorial   ⸺   what it says on the tin
• virtual observer's comments widget   ⸺   tutorial for making a comments widget that runs through google sheets
• how to anchor link   ⸺   for the next time i inevitably forget how to do this
• css font stack web-safe fonts   ⸺   list of fonts that usually come pre-installed on computers and can (generally) be used without needing to host a font yourself or as a backup for custom hosted fonts
• copy text on click   ⸺   little piece of javascript to copy automatically to the users clipboard on click

templates

• filterable table template   ⸺   a css table that you can filter/search
• templaterr   ⸺   basic site layouts + copy paste codes for js navigation bars
• css horizontal family tree   ⸺   basic family tree, flows horizontally
• simple css responsive family tree   ⸺   another basic family tree, flows vertically this time
• family tree generator   ⸺   more styled family tree, uses js
• pure css popup box   ⸺   real basic modal box popup
• simple pure css dropdown menu   ⸺   dropdown navigation menu
• pure css accordion   ⸺   stylized open/closeable boxes
• ionic ion: tinder cards   ⸺   js tinder style swipey cards
• eggramen css test pages   ⸺   site templates
• 44x50   ⸺   a handful of templates, i highly recommend his character wiki template!

icon fonts

• onlinewebfonts icons   ⸺   svg icons
• icono   ⸺   a pure css icon font
• css icon   ⸺   pure css icons
• iconly   ⸺   easily host svgs and cobble together your own icon font
• heroicons   ⸺   set of svg icons with solid and outline versions

effects & animations

• animista   ⸺   css animations
• hover.css   ⸺   hover effects
• image hover effects   ⸺   make pictures do cool stuff when you hover them
• free frontend link styles   ⸺   link style/hover effects
• custom colored underline   ⸺   underline that turns into a highlight on hover
• gradient image hover   ⸺   hover image, gradient appears
• rotating icon buttons   ⸺   rotate icons on hover
• social button hover animation   ⸺   bubble pop kind of hover animation
• icon hover effects   ⸺   made for circular icons
• icon font outline hover   ⸺   hover effect for icon fonts
• theaterjs   ⸺   animated typing effect that mimicks human typing
• particleground   ⸺   makes cool constellation background that moves with your mouse
• typewriter animation pure css   ⸺   typing animation

horizontal rule ( <hr> ) styles

• css-tricks hrs   ⸺   hr styles
• joeyhoer hr styles   ⸺   more hr styles
• ibrahimjabbari hr styles   ⸺   guess what! hrs again.
• inline horizontal rules   ⸺   more hrs, includes titles
• hr with centered text   ⸺   what it says on the tin

text styles

• headings with side lines   ⸺   some header styles
• headings with full width bars   ⸺   more header styles
• pure css page heading/title styles   ⸺   header styles
• hilighter text   ⸺   highlighted text that looks like a hilighter
• mixfont text shadows   ⸺   a bunch of text shadow styles
• sweetembed wordart   ⸺   text styles in the spirit of old school word art styles

other styles

• getcssscan box shadows   ⸺   box shadow styles
• getcssscan buttons   ⸺   button styles
• ui buttons   ⸺   button styles
• css dashed shadow   ⸺   drop shadow made of stripes
• style my tooltips   ⸺   style my tooltips, ripped from some ancient tumblr tutorial
• tooltip generator   ⸺   it says generator, but its snippets you can fiddle with a little bit
• copy & paste css   ⸺   button styles and box shadows

css patterns

• superdesigner css backgrounds   ⸺   css pattern backgrounds
• css3 patterns   ⸺   a bunch of pure css patterns
• bgjar   ⸺   svg background generator
• pattern monster   ⸺   svg patterns
• heropatterns   ⸺   subtle svg pattern backgrounds

widgets

• scrolltotop   ⸺   scroll to top buttons
• sweetembed widgets   ⸺   a variety of widgets for your site

fonts

• dafont   ⸺   classic free font site. to avoid fonts with demo glyphs and for proper browser support on web, use these filters:
  
• font space   ⸺   the other classic (to me) free font site. again, if you're looking to avoid demo glyphs, i'd check the commercial use box
• fontshare   ⸺   free fronts for both personal and commercial use
• font squirrel   ⸺   free fonts, targeted at web developers. also has a font identifier tool and webfont generator
• google fonts   ⸺   easiest fonts for making websites, has some really solid filters and downloads are available

premade color palettes

• color-hex color palettes   ⸺   color palettes
• colorhunt   ⸺   4 color color palettes
• themer   ⸺   color palettes really made for developers
• solaria's rainbow color palettes   ⸺   huge collection of rainbow color palettes

color palette generators

• figma color palette generator   ⸺   color palette generator
• calcolor   ⸺   more color palettes, fun to fiddle with
• paletton   ⸺   coordinated color palette generator
• color scheme finder   ⸺   makes color paletes from a base hex color
• mokole palettes   ⸺   random, visually distinct color palette generator
• colorspace   ⸺   generates multiple color palettes from a hex code, in my experience you can easily mix and match from the

color pickers

• cssdrive image palette   ⸺   color palette from image
• colordesigner image palette   ⸺   another color palette from image
• colorpickerfromimage.com   ⸺   image color picker again
• color hound   ⸺   pulls all hex and color codes from any website or piece of code

other

• maketintsandshades.com/   ⸺   tint and shade generator
• mdigi tools saturate color   ⸺   saturate color from hex code
• colordesigner color palette builder   ⸺   color palette builder
• transparenttextures   ⸺   subtle patterns, but it still works
• wordmark.it/   ⸺   previews for all installed fonts
• enfont terrible   ⸺   turn your fonts into incomprehensible abominations
• imgonline cut photo into pieces   ⸺   chop images into nice equal parts
• fonts in use   ⸺   massive archive of fonts being used in various formats. really great jumping off point for finding fonts!

stock photos

• openverse   ⸺   cc0 and public domain images
• free-images   ⸺   more cc0 and public domain images
• free stock textures   ⸺   what it says on the tin
• photos public domain   ⸺   public domain images
• pexels   ⸺   another free stock image resource
• pixabay   ⸺   slightly sketchy free stock image and video site. they do allow ai generated images, and i don't 100% trust the filter to remove them, so proceed with caution and maybe stick to things uploaded prior to about 2023.
• unsplash   ⸺   largely free stock images, some do have a paywall but theres a filter to remove paywalled images

textures

• backgroundsarchive   ⸺   textures
• texturelabs   ⸺   my personal favorite place for grungy and paper textures
• texture town   ⸺   more aimed at game development, but theres some good stuff in here. has a little 3d sandbox you can play in too!

other

• cloudconvert avif converter   ⸺   putting this in this section for no reason in particular! :)

• groenroos names   ⸺   generate names for stuff
• writingexercises job generator   ⸺   random job generator
• thebump middle name generator   ⸺   middle name generator
• ssa baby names   ⸺   top baby names by year
• probablyhelpful.com/data/28000.html   ⸺   uncommon last names
• findmypast surnames   ⸺   more last names. scroll to the bottom to browse by letter
• time and date   ⸺   time between dates calculator
• dictionary of unusual words   ⸺   what it says on the tin. think i named a neopet using this once.
• rare word generator   ⸺   i think i also used this to name a neopet once
• word chanter   ⸺   generate all sorts of stuff
• extremely detailed character sheet   ⸺   character development!

• bypass.link   ⸺   bypass those virus infested ad links
• textise   ⸺   remove stylization and nonsense from webpages
• removepaywall   ⸺   paywall remover

games

• geoguessr   ⸺   unfortunately im a loser who paid to play map game
• trainwreck labs   ⸺   fun little educational daily games
• neal.fun   ⸺   little browser games
• nationstates   ⸺   government simulator, run a country however you feel like. i come back to it every few years for a couple days
• suika game   ⸺   fruit tetris game
• nostalgic kids' sites   ⸺   revisit emulated versions of kids websites
• abandonware games   ⸺   downloads for abandoned old games
• best old games   ⸺   more downloads for more old games
• old games download   ⸺   even more downloads for even more old games
• myabandonware   ⸺   you guessed it! somewhat more unreliable with downloads
• vimm's lair   ⸺   old video games, resources for emulators, archives of manuals, all kinds of stuff for old games

internet exploration

• wiby   ⸺   random websites, modern stumbleupon
• cloudhiker   ⸺   another modern stumbleupon, but i've spent less time with it
• experiments with google   ⸺   archive of old google chrome experiments. don't bother with the new google experiments website, it's just ai slop

analog activities

• beadie critters   ⸺   get some beads and make some little guys
• braceletbook   ⸺   friendship bracelet patterns
• friendship-bracelets.net   ⸺   more friendship bracelet patterns

digital volunteering

• smithsonian digital volunteers: transcription center   ⸺   help the smithsonian transcribe historical letters, records, etc.
• newberry transcribe   ⸺   help the newberry library transcribe letters and diaries
• from the page   ⸺   and one more website for helping to transcribe documents

other

• pokemon fusion generator   ⸺   cursed pokemon generator
• mangoball fic   ⸺   the infamous dsmp mangoball fic. i don't fw most of these guys depicted anymore but damn is the fic good
• tape   ⸺   i never remember what this is and i'm tickled every time i find it in my bookmarks again, i'm not about to spoil that for myself (or anyone else)
• pixeldudesmaker   ⸺   make a little guy

• scans and snaps   ⸺   scans of all sorts of physical media
• 99gif shop   ⸺   go shopping for old web gifs
• weird websites repository   ⸺   another list of links for your perusal
• my web collection   ⸺   various links, can also send you to a random website!

• spotify playlist cover grabber   ⸺   spotify web api tool "for developers" or whoever wants to yoink a playlist cover
• title case converter   ⸺   make your text uppercase, lowercase, or title case
• duplicate word finder   ⸺   paste in a list and it finds all your duplicates
• wordcounter alphabetizer   ⸺   alphabetize your list. or randomize it, reverse it, add list tags, all kinds of stuff
• heraldicon   ⸺   coat of arms maker
• onlinetexttools indent remover   ⸺   removes indents
• barra's error message generator   ⸺   make your own custom windows error message box graphic
• 3ds hacks   ⸺   its very easy to hack your nintendo 3ds family of systems and you should do it

important note! i run windows 10, have zero intetion of giving windows 11 a chance, and i have no idea how a lot of these things work on other versions of windows!

• 7+ taskbar tweaker   ⸺   various tweaks for the windows taskbar. i primarily use it to require double clicking a pinned program to launch it to save myself grief with my chronic misclicks
• deskpins   ⸺   always on top program. i like the visual pin indicating that a window is always on top
• ditto   ⸺   clipboard manager. lets you create hotkeys for pasting from your clipboard. genuinely lifechanging for minecraft when you're a dirty cheater or use a lot of symbols
• hidevolumeosd   ⸺   hides the little popup in the top left corner of the screen when you adjust the volume on windows 8+ operating systems. occasionally bugs out and needs reinstalled for me, but worth it
• microsoft powertoys   ⸺   lots of little tweaks for windows
• project timer   ⸺   pretty sure this is intended for business productivity, i use it to see how much time i waste on my various little projects
• sagethumbs   ⸺   displays thumbnails for more file types than windows does on its own. i primarily need it for .psd file thumbnails
• stickies   ⸺   desktop sticky notes. has custom skins, and you can set recurring reminders
• vlc media player   ⸺   superior media player
• image glass   ⸺   infinately faster alternative to the system photo viewer
• windirstat   ⸺   disk usage visualizer, analyzer, and cleanup
• notepad++   ⸺   open source code editor
• msi afterburner   ⸺   i have no idea if this actually works or what it really does. reddit recommended it for a problem i had, and the problem has since ceased, so on the list it goes
• libre office   ⸺   open source alternative to microsoft office suite, offline alternative to google docs
• spicetify   ⸺   cusomization for spotify

important note! i use microsoft edge as my daily driver (yeah yeah i know "you should use firefox" there are certain things i just can't tolerate about firefox) following chrome's switch to manifest v3, since it disabled some extentions i rely on. those extentions are still up on the edge add-ons store. i really don't buy google's stated reasons for disabling manifest v2, but if you do, proceed with whatever caution you deem necessary.

from the chrome webstore

• filtering+ for tumblr   ⸺   add tags and post content to your filters list with a click right from the dash. great for professional haters.
• gifs on tumblr   ⸺   returns gifs to their proper format rather than webp, can be a little inconsistant in larger photosets, but works enough of them time
• google search ai image hider   ⸺   hides common ai image hosts from google image search results
• hide youtube members only   ⸺   hides members only videos on youtube
• image reloader   ⸺   reload images that fail to load. kind of niche use cases, but whatever
• knockoff - amazon and etsy filter   ⸺   filters out dropshiped slop
• lab ray logger by jellyneo   ⸺   automatically logs neopets lab ray zaps on jellyneo (requires jellyneo account)
• measure everything   ⸺   element measuring tool, an absolute must for insane detail oriented coding
• media harvest:x (twitter)   ⸺   download videos, pictures, and gifs (as videos) from twitter
• open site in removepaywall   ⸺   adds a context (right click) menu item to open on removepaywall
• picture in picture (disney+)   ⸺   picture in picture for disney+
• picture in picture (paramount+)   ⸺   picture in picture for paramount+ (no i don't know why the devs don't just combine them)
• reddit promoted ad blocker   ⸺   reddit promoted post blocker
• ruffle   ⸺   make flash work again
• sponsorblock   ⸺   automatically skip sponsorship reads on youtube
• storysaver   ⸺   download instagram, facebook, and whatsapp stories. i've only used it on instagram so ymmv elsewhere
• stylus   ⸺   use and create userstyles
• adblocker for x.com (twitter)   ⸺   blocks the twitter ads/promoted posts that my regular adblockers can't without breaking the site
• wayback machine   ⸺   save any page you're currently viewing or see other archived versions
• whatfont   ⸺   identify fonts on webpages
• xkit rewritten   ⸺   tweaks for tumblr

from the edge add-ons store

• ai content shield   ⸺   blocks/disable ai overviews, ai modes, etc
• allow right click   ⸺   re-enables right click on websites that block it
• betterttv   ⸺   twitch chat tweaks/emotes
• page ruler smart   ⸺   another one for detail oriented freaks
• picture in picture everywhere   ⸺   *except paramount and disney
• saveas   ⸺   save images as png, jpg, and webp from the context menu
• sendwin   ⸺   what i started using after sessionbox went fully paid. can only do temporary sessions without premium *appears to be abandonware, i've emailed the devs and not gotten a response, so i wouldn't recommend actually paying them
• svg export   ⸺   pulls svgs off any website, downloadable as both svg and png
• tabcolor color picker   ⸺   color pick from any web page
• tampermonkey   ⸺   userscript manager
• ublock origin   ⸺   currently using since adguard element picker / user rules weren't quite working the way i wanted
• wordmark.it extention   ⸺   mades wordmark.it (listed above) work
• yet another speed dial   ⸺   replace your new tab page with a list of favorite websites