Home

links in this category will appear in multiple sections bc thats how I organized them ;p. entries with '*' requires a citation/link

graphic resources
gifs =
buttons =
backgrounds =
washi tapes =
pixel stickers =
cursors =
symbols =
borders =
blinkies =
adoptables =
pngs/large stickers =
badges =
stamps =
dividers =
tools code things

graphics

tools

colorize image changes the color of image
blinkies cafe blinkie maker
hekate2 button maker button maker
atomiks JS tooltip popup
codepen hex code hex code converter to filter CSS code
codepen scrollbar custom scrollbar maker
solaria html hex code map
ezgif file conversion, image optimizing, turn images into gifs, turn gifs into images
owumaro css text stroke generator
htmled text editor to html code
image pi7 freehand image crop

Code things

code snippets

hillhouse code snippets ipod music widget, css-only 'new' icons, adding washi tape to elements, autoloader script, toggled page navigation, list item counter
petrapixel same header/footer on every page, auto tab title suffix, highlight active links, auto table of contents, auto redirect, color filter over image
goblin-heart snippets rotate link on hover, better margins & padding, responsive horizontal navbar, load links from list at random, display number of links in a list, falling items/snowflakes, custom list bullets, add image border to div, endless marquee, change iframe target with no JS, change bg image on hover, image gallery, one page blog with entries, filter a list on button click, add tooltip when word is clicked, load image at random on refresh, stacking backgrounds, play a song at random on refresh, set audio volume on autoplay
codes.crd.co image masks image mask in shape of heart, star, with border, cute lace. draggable elements, text hover animations, flip card on hover, music players
epic.crd.co gradient text gradient text filled in
epic.crd.co gif bg gif as text background
epic.crd.co random fact show random fact on button click
epic.crd.co borders 4 examples of lace/cute borders
epic.crd.co gallery 2 image gallery
epic.crd.co img floating floating image animation
epic.crd.co img popup on container hover bg images appear - really cool
epic.crd.co wipe link on link hover have wide-down animation
epic.crd.co gradient underline on link hover have gradient underline appear, constantly moving
epic.crd.co shadow link on link hover have shadow appear
epic.crd.co draggable box drag a box
epic.crd.co peekaboo graphic that peeks out
mf2fm mouse snippets JS mouse tinkerbell effects, rolling mountain effect, love hearts
mf2fm text snippets JS news effect, airport,
mf2fm graphic snippets JS 1970s bg effect, let it snow, star warp, bubble bath,
epic.crd.co skewed div skewed container that can scroll
epic.crd.co transparent text selection when selecting text the bg color is transparent
allison - rotating img & hover effect when hovering on circle rotating image it moves to the left and a div appears to the right
allison - mask on hover hover on image add star mask
allison - image split on hover on hover image splits & reveals text
allison - card flip on click flip div like a card
allison - text gradient pretty text gradient bg wowowowow
pochi.crd.co cute image borders & masks yayyy, img animations
pochi text selection change text selection color
scripted img masks, borders, animations, music players, click explosion, cursor trails, image fall scripts, typing tab effect, book cover hover animation, img hover menu,
kalechips - dark mode dark mode css-only
click sound effect sound effect when clicking

widgets

petrapixel status.cafe status, last.fm currently listening/last song
guestbook free guestbook
chatbox free chatbox

tutorials

petrapixel same layout on every page, cachebusting, connect github to neocities
goblin-heart styling bg images, styling lists, using custom fonts, using flexbox, css variables, making a responsive website, show a thumbnail image when your site is shared, how to use position:absolute, create neocities 404 page, backing up neocities website
codes.crd.co adding sound effects to images, tooltip on PC only
ianlunn - Hover css hover animation package that can be used on links, buttons, icons, svgs, and more
flexbox interactive guide interactive guide to flexbox