✦ codes ✦

all codes work on pro standard and pro plus! pls credit the original creators if needed! scroll to navigate~

for text text with border 1 ● text with border 2 ● webkit text stroke ● gradient text ● floating text ● marquee text ● bubble text ● color changing flicker text ● pop text ● wobbly text ● curved text ● rubberband text ● bouncy 1 ● bouncy 2 ● news ticker with pixel ● website button with blinking cursor ● glitch text ● text w image as the bg ● pulsing text ● tumblr wobble text ● tilting text ● shaking text ● animated link underlines on hover ● triple outline

for imgs pastel pink lace ● hot pink lace ● pink ribbon border ● png blur shadow ● basic lace border ● brown hearts lace ● gigi's gold frame ● hearts mask ● hello kitty mask ● star mask ● paper mask ● blurred border ● bouncing flip heart slideshow ● spin img ● twitch img ● floating img ● rotate and saturate on hover ● rotate and blur on hover ● glitch img ● ticker img ● pop img ● fog mask

scrollboxes simple border ● double border ● no border ● expand on hover ● title text disappears when scrollbox expands ● dashed border ● colored bg ● gradient bg ● img/gif bg ● uneven border ● img hover to reveal scrollbox ● scrollbox with mark ● two fonts in a scrollbox ● lace border ● brown lace border ● img hover to reveal scrollbox ● image blur and shake to reveal scrollbox

music players image music player ● draggable music player ● circle pop music player ● marquee music player w pixel ● circle spin music player ● spinning cd music player ● pixel to music player on hover ● cutie circular music player

misc codes hidden scrollbar ● colored scrollbar ● gradient scrollbar ● jake's blur menus ● gina crd co menu ● simple drop down menu ● cbox ● website pet ● webneko ● counter 1 ● counter 2 ● cute cursors ● old web scrollbar ● typing tab title ● marquee tab title ● message alert when page opens ● disable left click + alert ● click sound effect ● box shake menu thing ● draggable elements ● tv set filter ● vhs overlay ● intro animations

✦ fonts ✦

these fonts are free to use and are available for both pro standard and pro plus! to insert custom fonts in carrd, refer to the tut in archivos.crd.co. scroll for more!

✦ resources ✦

links to cute and helpful resources, used to beautify your creations! scroll down to navigate~ bolded italic = our favorites, bolded = recommended

fonts dafont ● dfonts ● textfonts ● fontspace

coding kokopelli ● w3schools ● javascript ● 30 seconds of code ● htmlbasics ● mf2fm ● cocorini themes ● dracslaura ● dianakko ● codesecrets

decorative stuff peachie's sayclub dolls ● pixel masterpost ● pinkdepink ● engram pixel ● hikoushi favicons ● jasminnie weebly ● elouai doll maker ● decome ● dividers masterpost ● cutekawaii wordpress ● oh pixels! ● pixel diary ● bonnibels's graphics ● tomomi neocities (was tomomi crd)

resource carrds resource ● archivos ● cakepop ● jellymask ● floras ● pochi ● allison ● callie ● bubblegum ● neogeo ● fitz ● signal ● lifted ● funhouse ● germ ● marigold ● kace● htmlbasics ● gnome

graphics carrds gardenia ● barbara ● barok ● dolls● fondant's doll media ● xyz ● noviecita ● alias

others css gradient ● removebg ● punycoder ● opacity css ● box shadow generator ● css generator tool ● premade css animations ● css images edge blur ●image color picker ● heart gif bgs drive ● cinni.net ● animista.net ● hnet gif converter ● miserabledolly

tutorials how to embed a spotify playlist or track in carrd ● dotted links ● elements blur on hover ● remove embedded link in cursor ● pop-ups in carrd ● column styling ● sliding carousel viewer ● download mp3 files

✦ admins ✦

click on the images to view each of our info!!

✦ backgrounds ✦

click on the images to expand! scroll for more~

✦ spotify embed ✦

click on the imgs to enlarge! if imgs dont load try refreshing your tab

1. open your playlist or track on spotify on desktop (does not work on mobile)

2. click on the three horizontal dots found beside the download button and hover on "share"

3. click on "embed playlist"

4. customize or edit your color or sizing in the preview menu

5. check the box where it says "show code" and copy your embed!

6. paste your code into an inline embed in carrd and you're done! result:

for a spotify track click on the three horizontal dots beside your selected track, hover on "share" and click "embed track" and all the steps are pretty much the same as you would a playlist!

✦ dotted links ✦

click on the imgs to enlarge! if imgs dont load try refreshing your tab

for pro standard

1. in your link styles insert
text-decoration-style: dotted;

for pro plus

1. go to your style settings and scroll down to your link style and insert
text-decoration-style: dotted;

✦ blur on hover ✦

click on the imgs to enlarge! if imgs dont load try refreshing your tab

1. paste this code into an embed:

<style>
a:hover {
webkit-filter: blur(1px);
filter: blur(1px);
}
</style>

● if you want to blur all links then keep the "a" and if you want to blur all image links change the "a" to "img"

● if you want only a certain element to blur on hover, add your element id before a:hover

✦ remove cursor link ✦

click on the imgs to enlarge! if imgs dont load try refreshing your tab

1. select whatever cursor you want from cursors4u and copy the universal css/html code

2. remove everything that comes after </style> and you're done!