Hello user! welcome to my carrd site containing useful resources that could help you make your own beloved site :) you may click the user icon or button to know more about this carrd's admin and feel free to chat in the cbox if you have any queries ♡ enjoy!

    text codes    

floating ⋅ bouncy ⋅ pop ⋅ bubble ⋅ shake ⋅ rubber band ⋅ tilting ⋅ flicker ⋅ marquee 1 ⋅ marquee 2 ⋅ wobble 1 ⋅ wobble 2 ⋅ glitch ⋅ blinking ⋅ image text ⋅ gradient 1 ⋅ gradient 2 ⋅ jerky ⋅ glowing ⋅ rainbow ⋅ rainbow glow ⋅ warp ⋅ this or that ⋅ typing ⋅ animated links ⋅ news ticker ⋅ text outline ⋅ rolling ⋅ image stroke ⋅ question mark on hover ⋅ bg color appear on hover ⋅ italic on hover ⋅ link floats on hover ⋅ tooltip ⋅ underline link on hover ⋅ NEW! more hover effects ⋅

    image codes    

basic lace border ⋅ brown lace ⋅ orange lace ⋅ pastel blue lace ⋅ purple lace ⋅ pink lace 1 ⋅ pink lace 2 ⋅ hot pink lace ⋅ cute blue lace ⋅ flower border⋅ biscuit border ⋅ pink ribbon ⋅ beaded hearts ⋅ pink paper ⋅ doily ⋅ yellow lace ⋅ white lace ⋅ pink & yellow hearts ⋅ heart lace ⋅ fancy pink/black lace ⋅ brown hearts lace ⋅ gigi's gold frame ⋅ blurred border ⋅ image drop shadow ⋅ 2 colors border ⋅ uneven border ⋅ rotate & blur on hover ⋅ rotate & saturate on hover ⋅ 3d effect box shadow ⋅ heart on hover ⋅ hello kitty on hover ⋅ bouncing img on hover ⋅ shake on hover ⋅ blur on hover/click ⋅ twitch ⋅ bounce & flip heart slideshow ⋅ floating img ⋅ pop in-out ⋅ sliding img to reveal text ⋅ wobbling ⋅ double border ⋅ inset border ⋅ blurred edges ⋅ nene's mask batch 1 ⋅ nene's mask batch 2 ⋅ image tooltip ⋅ fog mask ⋅ circle fog mask ⋅ star mask ⋅ heart mask ⋅ multiple hearts mask ⋅ rotating 1 ⋅ rotating 2 ⋅ paper mask ⋅ hello kitty mask ⋅ NEW! fran's flower masks ⋅ pink flowers in two corners

    music player    

NEW! scmplayer ⋅ cd w/ album cover ⋅ 2000's music player ⋅ spinning vinyl ⋅ spinning circle music player ⋅ notebook crd music player ⋅ gradient music player ⋅ corazon.uwu.ai music player ⋅ icons w/ marquee 1 ⋅ icons w/ marquee 2 ⋅ circle spin w/ pixel ⋅ pixel w/ music player on hover ⋅ music w/ gif 1 ⋅ music w/ gif 2 ⋅ kill bill music player ⋅ circular progress indicator music player ⋅ spinning icon ⋅ slide-in tab ⋅ diamond spin ⋅ lippies.uwu.ai music player ⋅ speaker music player ⋅ music player inside container ⋅ nako.ju.mp music player ⋅ sanrio music player ⋅ draggable ⋅ ramdons music player ⋅ madomagi ⋅ ongaku ⋅ fixed white circle ⋅ jumping img music player ⋅ hover on text ⋅ spinning headphone ⋅ basic music player ⋅ simple music player ⋅ harenchi ⋅ slide up playlist ⋅ multiple song

    cursors & bg codes    

hearts cursor ⋅ img clicksplosion ⋅ heart clicksplosion ⋅ img trail cursor ⋅ bubble trail cursor ⋅ tinkerbell ⋅ flower cursor ⋅ music note cursor ⋅ question mark cursor ⋅ stars ⋅ smoke cursor ⋅ more cute cursors ⋅ floating blobs in a jar ⋅ floating hearts bg ⋅ custom img fall ⋅ star warp ⋅ rain effect ⋅ bubble bath ⋅ falling snow ⋅ falling snow 2 ⋅ falling hearts ⋅ falling sakura leaves ⋅ falling butterflies ⋅ radial bg ⋅ tv effect ⋅ bokeh effect ⋅ other bgs ⋅ cute bg patterns ⋅ seamless tiles bg ⋅ animated pixel blocks ⋅ NEW! bokeh effect ⋅ css pattern bgs ⋅ creative bgs

    scroll    

hidden scrollbar ⋅ old web scrollbar 1 ⋅ old web scrollbar 2 7.css scrollbar 1 ⋅ 7.css scrollbar 2 ⋅ colored scrollbar ⋅ gradient scrollbar ⋅ 7.css scrollbar ⋅ scrollbar by chngmis ⋅ gray scrollbar ⋅ simple border ⋅ double border scrollbox ⋅ scrollbox w/ no border ⋅ scrollbox w/ rounded corners ⋅ scrollbox w/ shadow inset ⋅ scrollbox w/ pink border ⋅ scrollbox w/ brown lace ⋅ scrollbox w/ blue lace ⋅ scrollbox w/ plain lace ⋅ scrollbox w/ pink flowers border ⋅ tiled flowers border ⋅ beaded hearts border ⋅ doily border ⋅ biscuit border ⋅ scrollbox w/ groove border ⋅ scrollbox w/ 2 diff fonts ⋅ scrollbox w/ mark ⋅ scrollbox w/ bg color ⋅ scrollbox w/ gradient bg ⋅ scrollbox w/ bg img ⋅ scrollbox w/ dashed borders ⋅ scrollbox w/ dotted borders ⋅ glowcross scrollbox ⋅ skew scrollbox ⋅ scrollbox w/ uneven edges ⋅ scrollbox w/ rainbow border ⋅ scrollbox w/ double border split scroll ⋅ scrollbox title disappears when hovered ⋅ scrollbox expands on hover ⋅ 💀 drr ac scrollboxes, cr cyberpinked ⋅ 4 scrollboxes ⋅ horizontal scrollbox w/ separate columns ⋅ scrollbox reveal when hover on image ⋅ image blur & shake on hover to reveal scrollbox ⋅ NEW! double border scrollbar

    menu    

simple dropdown menu ⋅ gina crd menu ⋅ jake's blur menus ⋅ scripted neocities org menu ⋅ heart menu on hover ⋅ flower menu ⋅ bookmark menu ⋅ menu in lala uwu ai ⋅ scripted drr ac menu ⋅ claris crd co menu ⋅ estrellita menu ⋅ foldr menu ⋅ limyonsal menu ⋅ heart flip menu ⋅ flip carrd ⋅ intruosers menu ⋅ roman numerals on hover ⋅ numbers on hover ⋅ editable drop down ⋅ 7.css drop down menu

    css frameworks & generators    

7.css ⋅ 98.css ⋅ XP.css ⋅ NES.css ⋅ system.css ⋅ clay.css ⋅ paper.css ⋅ TUI.css ⋅ cssmatic ⋅ css button generator ⋅ neumorphism/soft ui generator ⋅ shadow generator 1 ⋅ shadow generator 2 ⋅ css grid generator ⋅ get waves ⋅ fancy border radius ⋅ glassmorphism 1 ⋅ glassmorphism 2 ⋅ glassmorphism 3 ⋅ shadow palette generator ⋅ keyframes ⋅ css gradient ⋅ vivid gradient ⋅ accordion slider ⋅ gradient shadows ⋅ patternify ⋅ mesh gradients ⋅ css text gradient ⋅ typeset ⋅ wait animate ⋅ premade css animations ⋅ css bg patterns ⋅ css generator tool ⋅ opacity css ⋅ gradient magic ⋅ animated css bg generator

    misc    

NEW! fantasia crd co sfx ⋅ game click sound ⋅ customized buttons ⋅ click sound alert ⋅ cbox on hover ⋅ opening message alert ⋅ disable left click + alert ⋅ disable right click w/o alert ⋅ marquee tab title ⋅ typing tab title ⋅ password protection ⋅ tabs thingy ⋅ web counter 1 ⋅ web counter 2 ⋅ webneko ⋅ website pet ⋅ shaped containers ⋅ window buttons ⋅ notepad tab ⋅ redirect ppl to another site when carrd opens ⋅ ishimori crd update log ⋅ gumamela crd update log ⋅ draggable elements ⋅ intro animations ⋅ media rule ⋅ html forms ⋅ star ratings ⋅ sticky note by yukoki ⋅ custom highlight section ⋅ inset box shadow ⋅ button with blinking ⋅ disable inspect element ⋅ click SFX ⋅ slide up blur bg text box ⋅ mouse click SFX ⋅ scrollbar maker ⋅ scroll to top ⋅ disable inspect elemet & shortcut keys ⋅ create free poll ⋅ NEW! skill bar #1

    backgrounds    

   non-animated   

click on the images/gifs for a better view!

   animated   

4 recommended ⋅ favorite

    coding    

w3schools ⋅ codepen ⋅ htmlbasics ⋅ intro to basic html/css docs ⋅ html codes ⋅ javascript ⋅ stackoverflow ⋅ mf2fm ⋅ jsbin ⋅ javascript kit ⋅ 30 seconds of code ⋅ neocities ⋅ start a neocities ⋅ css tricks ⋅ html cheat sheet ⋅ cocorini ⋅ codesecrets ⋅ dhtml effects ⋅ themarte codepen ⋅ dante codepen ⋅ _hyoseops/laisita codepen ⋅ marko codepen ⋅ kokopelli ⋅ dynamicdrive ⋅ code beautifier ⋅ nugagee ⋅

    pastebins    

dracslaura ⋅ izumi ⋅ ityizhuo ⋅ dianakko ⋅ ziyas ⋅ ingenuo ⋅ powys ⋅ greenmelon ⋅ miyounhive ⋅ kyujouz ⋅ gyaruko ⋅ fterlyfe ⋅ reijeo ⋅ solielios ⋅ vaninoe ⋅ teenagegoths ⋅ NEW! milkandcookies ⋅ clarisue ⋅ genzuki ⋅ talas ⋅ hosptials ⋅ NEW! zhansitos ⋅

    fonts    

NEW! fontmirror ⋅ fontsquirrel ⋅ font identifier ⋅ fontget ⋅ cufonfonts ⋅ dafont ⋅ google fonts ⋅ text fonts ⋅ fontspace ⋅ fontshub ⋅ dfonts ⋅ 1001fonts ⋅ candyfonts ⋅ myfonts ⋅ cool text ⋅ all fonts in carrd ⋅

    resource carrds    

scripted ⋅ ishimori ⋅ breeze ⋅ fyodor ⋅ bubblegum ⋅ limyonsal ⋅ mist ⋅ fitz ⋅ jellymask ⋅ resource ⋅ archivos ⋅ riti ⋅ cakepop ⋅ htmlbasics ⋅ gloss ⋅ floras ⋅ gnome ⋅ pochi ⋅ hauntedmansion ⋅ lain ⋅ noodles ⋅ callie ⋅ marigold ⋅ allison ⋅ watermelon ⋅ lovespace ⋅ mariposa ⋅ blossom ⋅ mojito ⋅ lesbiana ⋅ jasminnie ⋅ neogeo ⋅ galaxy ⋅ hatecrime ⋅ vampy ⋅ supplies ⋅ reason ⋅ duvet ⋅ nora ⋅ lifted ⋅ epic ⋅ fukase ⋅ pix ⋅ stethoscope ⋅ germ ⋅ mori ⋅ sweetie ⋅ yao ⋅ rico ⋅ maguro ⋅ dotae ⋅ crunch ⋅ mantis ⋅ phonecharm · cinnamon ⋅

    graphics    

kaito ⋅ whimsical ⋅ yokai ⋅ pixelbank ⋅ macaque ⋅ noviecita ⋅ terror ⋅ barok ⋅ tomomi ⋅ gifs ⋅ gifs 2 ⋅ muñeca ⋅ mooncandy ⋅ asterism ⋅ namie ⋅ eridan ⋅ twst ⋅ jans graphics ⋅ graphic ⋅ maguro ⋅ biscuit ⋅ kanaya ⋅ sugaa ⋅ engrampixel ⋅ y2k ⋅ everskies ⋅ sayclub ⋅ middlepot's emojis ⋅ middlepot's web materials ⋅ pixel diary ⋅ mini pixels blog ⋅ ohpixels ⋅ pixelgrape ⋅ hikoushi ⋅ caterpie ⋅ gothiclolita ⋅ pinksleazoid ⋅ fav ⋅ transparent stickers ⋅ sleepysprout ⋅ pinkukingdom ⋅ bettys graphics ⋅ maze guy smilies ⋅ smiley face graphics ⋅ mikejima ⋅ pixel soup ⋅ doll maker ⋅ animated glitter ⋅ tenshiikisu ⋅ rainbowpixelz ⋅ gaysweaters ⋅ websetbylnn ⋅ foollovers ⋅ the pixel queen ⋅ lolcow farm ⋅ cyworld & sayclub scenes ⋅ NEW! tiny things spinning ⋅ NEW! sadthemes ⋅ kissme · pearl ⋅ isonly.net ⋅ home.384.jp ⋅ mofua ⋅ NEW! vivarism ⋅ dclog ⋅ travelmin ⋅ gifcities ⋅

    rentries    

NEW! vamptism (tw: g0re, flashing) ⋅ resources_ ⋅ castic ⋅ hauntedmansion ⋅ cellbit ⋅ luvrs ⋅ butter ⋅ knowledge ⋅ codesies ⋅ grime ⋅ scp ⋅ mutya ⋅ vz2aw ⋅ masqueradeball ⋅ resources ⋅ rescs ⋅ ruimizuki ⋅ roses ⋅ stuff ⋅ 20by20pride ⋅ scrapbooks ⋅ nasjanganlupaknas ⋅ res ⋅ rentryinspo ⋅

    tutorials    

how to make a scrollbox in non-pro ⋅ add divider on top of your page ⋅ fade in color animation before your page shows ⋅ pop-ups in carrd ⋅ add a music player ⋅ import mp3 files ⋅ make a container scrollable ⋅ make one column of container scrollable ⋅ column styling ⋅ carousel sliding viewer ⋅ absolute & relative positioning ⋅ dotted links ⋅ how to use f2c counter ⋅ sliding buttons ⋅ add spotify embed ⋅ elements blur on hover ⋅ radial or linear container gradient ⋅ remove embedded link in cursor ⋅ position text outside of container ⋅ disable user selection ⋅ vhs filter ⋅ make text act like a scrollbox ⋅ make an image play music when clicked ⋅ insert your own cursor w/ img, pixel, or gif ⋅ change symbol of clicksplosion ⋅ how to remake pro plus crds to standard ⋅ how to make cbox on hover ⋅ add click sound effect on pro standard ⋅ apply animista to an element ⋅ position an element at the corner screen ⋅ use patorjk color fader site ⋅ add gif beside or within text ⋅ upload custom fonts ⋅ add fonts from other sites ⋅ add google font ⋅ add custom border for images & scrollboxes ⋅ add custom selection ⋅ add line break ⋅ import windows7.css, windows98.css, XP.css, getpaper.css ⋅ shocking ju mp tut ⋅ shinsekai.net crd tut ⋅ hydro crd tut ⋅ bingus crd tut ⋅ NEW! how to make a link open in a new tab ⋅

    others    

remove.bg ⋅ cinni.net ⋅ cbox.ws ⋅ chatango ⋅ punycoder ⋅ image color picker ⋅ web archive ⋅ heart gif bgs gdrive ⋅ ezgif ⋅ text color fader ⋅ iloveimg ⋅ photo shape cropper ⋅ video cropper ⋅ gif bg remover ⋅ responsinator ⋅ image resizer ⋅ glenthemes ⋅ hex to rgb converter ⋅ blur img edges ⋅ palette generator ⋅ colorhunt.co ⋅ coolors.co ⋅ canva.com palettes ⋅ my mind color combinations ⋅ mycolor.space ⋅ colorkit ⋅ huemint ⋅ colormind ⋅ colors muzli ⋅ behance.net ⋅ icons8 ⋅ uiverse ⋅ phosphoricons ⋅ font awesome cheet sheet ⋅ velvetyne open source fonts ⋅ NEW! feathericons ⋅ NEW! image blurred edges ⋅ adilene.net ⋅ enx2jp ⋅ ashrose ⋅ wweb.dev ⋅

    templates    

all templates are pro standard friendly unless stated otherwise. the pastebins & gdocs don't have demos unfortunately so you need to try them in carrd or other code playgrounds urself.for demo, copy the link, remove https://carrd.co/build/ and add .demo.carrd.co/ at the end of the link.

    how to open link in a new tab    

for html
you can use the target="\_blank" attribute to open a link in a new tab.
it'll look like this:
<a href="your.website.link" target="\_blank">my website</a>
you may also add rel="noopener" for security purposes & prevent malicious users redirect your page to a malicious URL.
and now, your code will look like this:
<a href="your.website.link" rel="noopener" target="\_blank">my website</a>for Javascript
use the same "_blank" attribute to open a link in a new tab.
it shall look like this:
function NewTab() { window.open('your.website.link', '_blank'); }for CSS
it uses the properties target-name target-new.
your code should look like this:
a {
target-name: new;
target-new: tab;
}
unfortunately, this code ^ is not supported by the major browsers (Internet Exp., Firefox, Opera, Chrome, Safari).

    admin    

hello! I'm the admin of this resource crd, pls refer to me as el or qi! I use any pronouns, preferably they/them. pls consider using my referral code 'maize' if you're interested in purchasing carrd pro renewal or upgrade! it gives me 30% of your payment & won't cost you anything!

    carrds    

most carrds are my own ideas except for the ones where I credited/ib the original creators. please give proper credits ( © elroseria ) if you ever remake any of my carrds! and pls ask permission from me first if you plan on making a tutorial on my designs. some carrd infos are outdated. if you are impressed and would like to commission me, pls read through my carrd before availing!

   non-pro carrds   
^⊹ = not fully my design / idea

   pro standard carrds   

   pro plus carrds   

   rentries   
I also like to make and hoard rentries