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 =
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 |