Miscellaneous Codes
Link color changes once visited
PSP video playerMonsieurdoll's PSP video player code snippet
Music iPod playerHillhouse iPod music player code snippet
Webdeck music player Customizable webdeck music player
My chat box code My CSS code for chattable only
Redirect the site to another webpageWebsite content will be redirected to another page instead
Tutorials
Name Input option of chattable Using the alternative iframe that has a name input option, as shown in my chat box
Add a music player Whimsical's tutorial on adding a music player
Use and create border/frame from foollovers You'll learn how to create borders/frames from the foollovers site and use them on your site (e.g. images, page border, or scrollbox)
Apply animista animation on elements A YouTube tutorial showing how to apply animista animations to elements
Insert your own cursor using GIF or image You'll learn how to insert your own cursor using an image of your choice
Disable user selection A code snippet to disable user selection, preventing users from highlighting anything on your page
Change the symbol of click explosion Change the click explosion effect to use a symbol or text of your choice
Embed any public Spotify playlist Ishimori's tutorial on embedding any public Spotify playlist on your page
Open book layout Repth's tutorial on creating an open book layout using only HTML/CSS
Import any UI you can find on the Internet Import any UI libraries you find on the internet—you can use the UI libraries provided here
Make the text become a scrollbox A code snippet that makes text scrollable
How to add Google Fonts Cakepop's tutorial on adding Google Fonts
How to add fonts downloaded from other sites Cakepop's tutorial on adding fonts from other sites using the Dropbox method
Adding a click and hover sound effect on any element Jellymask's tutorial on applying click and hover sound effects to any element
How to use fc2 counters Carrdism's video tutorial on using fc2 counters, including how to import and add them to your page
Click image to copy to clipboard A Stack Overflow post showing how to copy an image or input value to the clipboard when clicked
Remove cursor link from cursors4u Follow this method to remove the cursor link if you used Option #1
Replace the lovehearts cursor Replace the lovehearts cursor with a symbol you like
Use the patorjk color fader site Use the patorjk color fader site with an HTML tag
Make a container scrollable Create a scrollable container in Carrd
Make a container column scrollable Create a scrollable column inside a container in Carrd
Apply linear, radial, or different CSS backgrounds for your container Apply a CSS gradient background to your container
Image divider on top of the page Use an image divider at the top of your page in Carrd
Generators and Tools
CSS grid generator For creating a column layout
Dead link checker A free broken link tool to check for dead links in your website
css-backgroundsA generator for various CSS pattern backgrounds
Progress bar generator Generates progress bar in Unicode text
ezgif ★ All in one editor for GIF to mp4, vice-versa. It could crop, reverse, compress, convert, resize, and such more
befunky ★ A free online platform to easily edit photos and make photo collages
kleki A free online paint tool
remove.bg Removes the background of your image and turns it into a PNG
Custom scrollbar Generate a custom scrollbar for your webpage
Dodo airlines Create an Animal Crossing passport and boarding pass
Custom corners Custom corners generator using CSS mask or clip-path
Patorjk color fader Transforms text into different gradient effects
Animista A CSS animation library
Cool text Generates cool graphic text styles
Glassmorphism Generates a glass effect (frosted look), achieved through the use of blur
Cupcakeipsum Sugar-coated Lorem Ipsum place holder
place dogPlace dog as place holder
place catsPlace cat as place holder
imgonline Cut your image into equal parts
Scroll to top Scroll to top button if a user had scroll too deep on your website.
cssgenerator A CSS generator for box shadow, can be outset or inset.
altcode Alt and unicodes for special characters and symbols
harlekine's Character Generator It generate random traits of your character
glitter-graphics Generator for graphics, layouts, glitter text, animated backgrounds, and more. Similar to cooltext
petpet generator Generate petting GIF of your image
coolorsIt generates random color palettes
palettonAn interactive color wheel in choosing color theory
2colors.colorion.coAn endless choices of two color combinations
Materials, Layout, Template
carrd.co You can create your website by drag and drop elements
itinerae Cute layouts
jasminnie Materials, pixels, backgrounds, wallpaper, cursors, dividers, fonts, icons
sadgrl's layout A useful generator for creating a starting layout
44x50 Simple website templates.
eggramen Themes and layouts
repth Themes and layouts
Websets by Lynn Backgrounds, buttons, button wall, doll maker, glitter, 88x31 button maker, glitter text generator
whimsical Web materials, cursors, favicons, fonts, backgrounds, icons, navigation, dividers, banners
asterism Japanese sozai site; materials, fonts, pixels
rehoeass Japanese sozai site; graphics, pixels
fool lovers Japanese sozai site; materials, fonts, border lace, wallpaper, backgrounds, pixels, navigation
tiramisu's layouts Electric-Tenshi's free templates
fancy parts Japanese sozai site; wallpaper/backgrounds, buttons, icons, dividers, banners, illustrations
lovely designs Free layouts, banners, graphics, codes, tools, and tutorials
eggnored Cursors, favicons, icons
rotferkelthemes Web materials, themes
fancyparts Japanese site; materials, illustrations, backgrounds, graphics
teppy's Teppy's layouts and sozai, contains backgrounds, graphics, emoticons, and dividers
createblog Lots of website templates from users
smallpancakes Few status.cafe themes
UI Libraries
system.css Retro Mac OS inspired
paper.css A simple paper framework with a handwritten look
claymorphism.css Features rounded corners and soft shadows that give a 3D smooth clay appearance
windows 98.css Recreates the look of Windows 98
windows 7.css Recreates the Windows 7 OS
XP.css Recreates the Windows XP OS
PSone.css Inspired by the look of the original PlayStation
NES.css Captures the 8-bit look of the NES
terminal.css A terminal-style CSS framework
Pastebin
Graphics
sadthemes tumblr A huge collection of pixels
tumblr You can literally find so many graphics you're looking for
hauntedgraphics Hauntedgraphics on Carrd, contains pixels, dividers, stamps, and GIFs
pixelsafari Dividers, favicon, stamps, blinkies, buttons, text, and misc
tiny identify buttons A tiny identity button collection and generator to create your own 
Sugaa's favicon Favicon masterlist
pixelsea An archive with search for pixels, icons, images, and smileys
Pixel harmony Pixels and GIFs
boypussy Pixels, backgrounds, dividers, favicons, dolls, blinkies, navigation buttons, and borders
stampkin Stamps
glitter graphics Graphics, glitter text, animated backgrounds, etc.
gaysweaters Dividers, pixels, and backgrounds
poofite PNGs, lace, doilies, and backgrounds
tenshiikisu Dividers
animatedglittergraphics Dividers, GIFs, glitter
Bonnibel Graphic collection of GIFs
Pinkukingdom Blinkies, glitters, dolls, stamps, button wall, and toy box
tomomi Pixels, dolls, dividers, blinkies
gifcities An old digital library for GIFs and graphics
balloonlea Original blinkies, stamps, icons, buttons, favicons, and miscellaneous
amreta's graphics Free web templates, desktop wallpapers, notebook sheets, and graphics to decorate sites, email, crafts, and more
Carrd.co
lesbiana ★ Fonts, images, codes, music player, backgrounds
lovespace Codes, fonts, graphics, tutorials
autism Small and large GIFs, dividers, stamps, blinkies
cakepop Codes, fonts, tutorials
gifcity Codes, backgrounds, blinkies, buttons, dividers, icons, graphics, image masks, stamps
wesource ★ Text, links, tutorials, miscellaneous, scrollbox, hover, animation
codes Text, images, scrollbox, pixels, music player, cursors, tutorials
ishimori Codes, fonts, backgrounds
loveberry Borders, text, miscellaneous
pochi Codes, tutorials, miscellaneous
supplies Pixels, blinkies, stamps, buttons
crunch Codes, fonts, backgrounds, tutorials
mist Codes, fonts, backgrounds, tutorials
swan Codes, fonts, backgrounds, tutorials, templates
yokai Codes, pixels, dividers, miscellaneous
gifs Codes, pixels, GIFs, dividers, backgrounds, fonts
limonysal ★ Codes, fonts, music players
epic Codes, tutorials, pixels
bubblegum Codes, fonts
allison Codes
Rentry
Lucypix Graphics and pixel collection by Lucy
Fizzy Pixel graphics and small visuals with a bubbly aesthetic
Hauntedmansion's masterlist ★ A masterlist of graphics and materials
Knowledge's masterlist A curated list of site codes and useful resources
Grime's masterlist A collection of site codes, visuals, and resources
Mikopixels Miko's collection of cute pixel graphics
Rsrcs A general resource list for site building
Fuzzbug A collection of tiny, cute graphics and utilities
Funmiya Personal graphics and pixel page
Website or File Hosting sites
catbox.moe A temporary file hosting site (account lets you store files permanently)
archive.org A digital archive that stores websites, books, videos, and more
dropbox Cloud storage service to upload and share files
imgur Image hosting platform ideal for sharing and embedding
filegarden You can host any file type for free
nekoweb.org A free website hosting service with 500MB storage for free
neocities.org A free website hosting platform with 1GB storage for free
straw.page A free and simple website builder
rentry.org A free and simple plain text formatting site
bearblog.dev A free and fast blogging website, similar to rentry.org but in website version
Fonts
dafontA large font library
google fontsGoogle fonts is an open source and free
asterism-mA Japanese sozai site with fonts
velvetyne.frAn open-source fonts
Fonts I collectedI might as well share the fonts I collected since in my carrd community. I won't add this section in this resource, just check the codepen.