welcome
Hello user! welcome to my carrd site containing useful resources that could help you make your own beloved site :) click the links above to navigate this carrd and feel free to chat in the cbox if you have any queries ♡ enjoy!
⨳ art credits belong to BoTTLe

11.15.23 revamped into a new look02.11.23 added more resources such as bgs01.03.23 decided to revamp the carrd to look neater (inspo by seyche & eggdesign on tumblr)11.13.22 made a separate section for the carrd archive.10.28.22 added a scrollbar to make it easier to scroll, got the code from seiche.10.19.22 added more fonts and fonts resources.10.09.22 added more crd links & pastebins for templates.09.27.22 revamped the carrd and changed the url to swan.uwu.ai08.28.22 added more codes for bgs & scroll.08.16.22 added a few codes and links.08.15.22 I had the motivation to revamp it so I changed the url name to polaris.crd.co :]07.27.22 url was changed to fantasia.drr.ac07.25.22 carrd was established !!

I know you love me back 말하지 않아도 Oh, I know you love me back 티내지 않아도

text codes
floatingbouncypopbubbleshakerubber bandtiltingflickermarquee 1marquee 2wobble 1wobble 2glitchblinkingimage textgradient 1gradient 2jerkyglowingrainbowrainbow glowwarpthis or thattypinganimated linksnews tickertext outlinerollingimage strokequestion mark on hoverbg color appear on hoveritalic on hoverlink floats on hovertooltipunderline link on hoverNEW! more hover effects
image codes
basic lace borderbrown laceorange lacepastel blue lacepurple lacepink lace 1pink lace 2hot pink lacecute blue laceflower borderbiscuit borderpink ribbonbeaded heartspink paperdoilyyellow lacewhite lacepink & yellow heartsheart lacefancy pink/black lacebrown hearts lacegigi's gold frameblurred borderimage drop shadow2 colors borderuneven borderrotate & blur on hoverrotate & saturate on hover3d effect box shadowheart on hoverhello kitty on hoverbouncing img on hovershake on hoverblur on hover/clicktwitchbounce & flip heart slideshowfloating imgpop in-outsliding img to reveal textwobblingdouble borderinset borderblurred edgesnene's mask batch 1nene's mask batch 2image tooltipfog maskcircle fog maskstar maskheart maskmultiple hearts maskrotating 1rotating 2paper maskhello kitty maskfran's flower maskspink flowers in two cornersNEW! solielios mask batch 1solielios mask batch 2nene's mask batch 3nene's mask batch 4

music player
NEW! win98 music playerscmplayercd w/ album cover2000's music playerspinning vinylspinning circle music playernotebook crd music playergradient music playercorazon.uwu.ai music playericons w/ marquee 1icons w/ marquee 2circle spin w/ pixelpixel w/ music player on hovermusic w/ gif 1music w/ gif 2kill bill music playercircular progress indicator music playerspinning iconslide-in tabdiamond spinlippies.uwu.ai music playerspeaker music playermusic player inside containernako.ju.mp music playersanrio music playerdraggableramdons music playermadomagiongakufixed white circlejumping img music playerhover on textspinning headphonebasic music playersimple music playerharenchislide up playlistmultiple song
cursor & bg codes
hearts cursorimg clicksplosionheart clicksplosionimg trail cursorbubble trail cursortinkerbellflower cursormusic note cursorquestion mark cursorstarssmoke cursormore cute cursorsfloating blobs in a jarfloating hearts bgcustom img fallstar warprain effectbubble bathfalling snowfalling snow 2falling heartsfalling sakura leavesfalling butterfliesradial bgtv effectbokeh effectother bgscute bg patternsseamless tiles bganimated pixel blocksNEW! bokeh effectcss pattern bgscreative bgs

scroll
hidden scrollbarold web scrollbar 1old web scrollbar 2 7.css scrollbar 17.css scrollbar 2colored scrollbargradient scrollbar7.css scrollbarscrollbar by chngmisgray scrollbarsimple borderdouble border scrollboxscrollbox w/ no borderscrollbox w/ rounded cornersscrollbox w/ shadow insetscrollbox w/ pink borderscrollbox w/ brown lacescrollbox w/ blue lacescrollbox w/ plain lacescrollbox w/ pink flowers bordertiled flowers borderbeaded hearts borderdoily borderbiscuit borderscrollbox w/ groove borderscrollbox w/ 2 diff fontsscrollbox w/ markscrollbox w/ bg colorscrollbox w/ gradient bgscrollbox w/ bg imgscrollbox w/ dashed bordersscrollbox w/ dotted bordersglowcross scrollboxskew scrollboxscrollbox w/ uneven edgesscrollbox w/ rainbow borderscrollbox w/ double border split scrollscrollbox title disappears when hoveredscrollbox expands on hover💀 drr ac scrollboxes, cr cyberpinked4 scrollboxeshorizontal scrollbox w/ separate columnsscrollbox reveal when hover on imageimage blur & shake on hover to reveal scrollboxNEW! double border scrollbar
menu
simple dropdown menugina crd menujake's blur menusscripted neocities org menuheart menu on hoverflower menubookmark menumenu in lala uwu aiscripted drr ac menuclaris crd co menuestrellita menufoldr menulimyonsal menuheart flip menuflip carrdintruosers menuroman numerals on hovernumbers on hovereditable drop down7.css drop down menu▽^*) ⋅ NEW! claris ju mp menu

css frameworks
& generators
7.css98.cssXP.cssNES.csssystem.cssclay.csspaper.cssTUI.csscssmaticcss button generatorneumorphism/soft ui generatorshadow generator 1shadow generator 2css grid generatorget wavesfancy border radiusglassmorphism 1glassmorphism 2glassmorphism 3shadow palette generatorkeyframescss gradientvivid gradientaccordion slidergradient shadowspatternifymesh gradientscss text gradienttypesetwait animatepremade css animationscss bg patternscss generator toolopacity cssgradient magicanimated css bg generator
misc
NEW! fantasia crd co sfxgame click soundcustomized buttonsclick sound alertcbox on hoveropening message alertdisable left click + alertdisable right click w/o alertmarquee tab titletyping tab titlepassword protectiontabs thingyweb counter 1web counter 2webnekowebsite petshaped containerswindow buttonsnotepad tabredirect ppl to another site when carrd opensishimori crd update loggumamela crd update logdraggable elementsintro animationsmedia rulehtml formsstar ratingssticky note by yukokicustom highlight sectioninset box shadowbutton with blinkingdisable inspect elementclick SFXslide up blur bg text boxmouse click SFXscrollbar makerscroll to topdisable inspect elemet & shortcut keyscreate free pollskill bar #1NEW! bracketscustomized cbox shape

minecraftia

mistic

nalista

Nesans

paradise

prili

rainbow

quirky stitch

rickety stairs

serco

small memory

snowmask

springtime romance

stretch

the signature

vividly

young morin

04B_30

SJ94c

ADSV

QVksy

{+-}

non-animated bgs

animated bgs

recommendedfavorite

coding
w3schoolscodepenhtmlbasicsintro to basic html/css docshtml codesjavascriptstackoverflowmf2fmjsbinjavascript kit30 seconds of codeneocitiesstart a neocitiescss trickshtml cheat sheetcocorinicodesecretsdhtml effectsthemarte codependante codepen_hyoseops/laisita codepenmarko codepenkokopellidynamicdrivecode beautifiernugagee
pastebins
dracslauraizumiityizhuodianakkoziyasingenuopowysgreenmelonmiyounhivekyujouzgyarukofterlyfereijeosolieliosvaninoeteenagegothsNEW! milkandcookiesclarisuegenzukitalashosptialsNEW! zhansitosNEW! invaderzim
fonts
NEW! fontmirrorfontsquirrelfont identifierfontgetcufonfontsdafontgoogle fontstext fontsfontspacefontshubdfonts1001fontscandyfontsmyfontscool textall fonts in carrd

resource carrds
scriptedishimoribreezefyodorbubblegumlimyonsalmistfitzjellymaskresourcearchivosriticakepophtmlbasicsglossflorasgnomepochihauntedmansion bloominglantanaslainnoodlescalliemarigoldallisonwatermelonlovespacemariposablossommojitolesbianajasminnieneogeogalaxyhatecrimevampysuppliesreasonduvetnoraliftedepicfukasepixstethoscopegermmorisweetieyaoricomagurodotaecrunchmantisphonecharm · cinnamonbubblepoploveberrycodesplugins
graphics
NEW! wilardo.crd.cokaitowhimsicalyokaipixelbankmacaquenoviecitaterrorbaroktomomigifsgifs 2muñecamooncandyasterismnamieeridantwstjans graphicsgraphicmagurobiscuitkanayasugaaengrampixely2keverskiessayclubmiddlepot's emojismiddlepot's web materialspixel diarymini pixels blogohpixelspixelgrapehikoushicaterpiegothiclolitapinksleazoidfavtransparent stickerssleepysproutpinkukingdombettys graphicsmaze guy smiliessmiley face graphicsmikejimapixel soupdoll makeranimated glittertenshiikisurainbowpixelzgaysweaterswebsetbylnnfoolloversthe pixel queenlolcow farmcyworld & sayclub scenesNEW! tiny things spinningNEW! sadthemeskissme · pearlisonly.nethome.384.jpmofuaNEW! vivarismdclogtravelmingifcitieslastsecret
rentries
NEW! vamptism (tw: g0re, flashing) ⋅ resources_castichauntedmansioncellbitluvrsbutterknowledgecodesiesgrimescpmutyavz2awmasqueradeballresourcesrescsruimizukirosesstuff20by20pridescrapbooksnasjanganlupaknasresrentryinspoNEW! codingqtNEW! loveberry

 

tutorials
how to make a scrollbox in non-proadd divider on top of your pagefade in color animation before your page showspop-ups in carrdadd a music playerimport mp3 filesmake a container scrollablemake one column of container scrollablecolumn stylingcarousel sliding viewerabsolute & relative positioningdotted linkshow to use f2c countersliding buttonsadd spotify embedelements blur on hoverradial or linear container gradientremove embedded link in cursorposition text outside of containerdisable user selectionvhs filtermake text act like a scrollboxmake an image play music when clickedinsert your own cursor w/ img, pixel, or gifchange symbol of clicksplosionhow to remake pro plus crds to standardhow to make cbox on hoveradd click sound effect on pro standardapply animista to an elementposition an element at the corner screenuse patorjk color fader siteadd gif beside or within textupload custom fontsadd fonts from other sitesadd google fontadd custom border for images & scrollboxesadd custom selectionadd line breakimport windows7.css, windows98.css, XP.css, getpaper.cssshocking ju mp tutshinsekai.net crd tuthydro crd tutbingus crd tut
others
remove.bgcinni.netcbox.wschatangopunycoderimage color pickerweb archiveheart gif bgs gdriveezgiftext color faderiloveimgphoto shape croppervideo croppergif bg removerresponsinatorimage resizerglenthemeshex to rgb converterblur img edgespalette generatorcolorhunt.cocoolors.cocanva.com palettesmy mind color combinationsmycolor.spacecolorkithuemintcolormindcolors muzlibehance.neticons8uiversephosphoriconsfont awesome cheet sheetvelvetyne open source fontsNEW! feathericonsNEW! image blurred edgesadilene.netenx2jpashrosewweb.dev

templates
slide right

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.
carrd templates

  • by cobipout © biogger99 (pro plus)
  • by cobipout © crdbun
  • 윈터 crd © coracrd deleted
  • huggy crd © coracrd deleted
  • corazon uwu ai © coracrd deleted
  • seulgi drr ac © nomskoo
  • taho drr ac © finderqirl
  • figaro © finderqirl
  • 진 crd co © joyiuvie, ib hourlyriti
  • pastebins &
    gdocs

  • nubes crd © its4joon
  • lippies crd © ityizhuo
  • girlyblog © dollzito
  • box shake blur
  • multiple containers © viliareai
  • sideway scrolls by fiorefae © ciarispop
  • by dollzito © ciarispop
  • yui crd © ciarispop
  • frosted glass flip © aicoholdrink
  • bliss ju mp
  • multiple sections one embed © soleilios
  • heart blur img © coracrd
  • wooden scrollbox © coracrd
  • mark crd © coracrd
  • NEW! sxt ju mp © chngmis
  • about 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 ever you're interested in purchasing a 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 of the carrd infos are outdated. if you are impressed and would like to commission me, pls read through my carrd before availing!
    pls refrain from selling templates of my designs especially when they have a tutorial found in youtube or other socmed sites. do not make non-pro or pro versions of my designs and claim them as your own.

    FAQS1. What kind of carrds do you make tutorials of?
    — We're now making both non-pro and pro carrds! admin 🎧 is much more well-versed in coding which means they can provide pro tuts.
    2. Can I request a tutorial even after I have requested before?
    — Yes! There's no limit to requesting but please do not ask for much and do not rush ^^;
    3. How long does it take you to finish my request?
    — tbh it's uncertain, it depends on whether the carrd is very complex or simple. we usually take a week or more because editing takes time and it isn't easy (well for us who aren't exactly familiar with editing).
    4. Why haven't you answered my dms/questions on ccat?
    — Either of us might be busy when you have messaged us so please be patient! We will try to answer whenever we have time.
    5. Do you allow tutorials on your carrds?
    — Admin 🎲 has carrds that they allow to have tutorials on and others they don't because they are included in their commission catalog. Admin 🎧 doesn't allow tuts since they will probably make one. Please ask us for permission first before doing a tutorial on any of our carrds just to be sure!
    6. Is it okay if I remake your carrds?
    — As long as you credit us then it's fine :)

    text codes
    floatingbouncypopbubbleshakerubber bandtiltingflickermarquee 1marquee 2wobble 1wobble 2glitchblinkingimage textgradient 1gradient 2jerkyglowingrainbowrainbow glowwarpthis or thattypinganimated linksnews tickertext outlinerollingimage strokequestion mark on hoverbg color appear on hoveritalic on hoverlink floats on hovertooltipunderline link on hoverNEW! more hover effects
    image codes
    basic lace borderbrown laceorange lacepastel blue lacepurple lacepink lace 1pink lace 2hot pink lacecute blue laceflower borderbiscuit borderpink ribbonbeaded heartspink paperdoilyyellow lacewhite lacepink & yellow heartsheart lacefancy pink/black lacebrown hearts lacegigi's gold frameblurred borderimage drop shadow2 colors borderuneven borderrotate & blur on hoverrotate & saturate on hover3d effect box shadowheart on hoverhello kitty on hoverbouncing img on hovershake on hoverblur on hover/clicktwitchbounce & flip heart slideshowfloating imgpop in-outsliding img to reveal textwobblingdouble borderinset borderblurred edgesnene's mask batch 1nene's mask batch 2image tooltipfog maskcircle fog maskstar maskheart maskmultiple hearts maskrotating 1rotating 2paper maskhello kitty maskNEW! fran's flower maskspink flowers in two corners

    music player
    NEW! scmplayercd w/ album cover2000's music playerspinning vinylspinning circle music playernotebook crd music playergradient music playercorazon.uwu.ai music playericons w/ marquee 1icons w/ marquee 2circle spin w/ pixelpixel w/ music player on hovermusic w/ gif 1music w/ gif 2kill bill music playercircular progress indicator music playerspinning iconslide-in tabdiamond spinlippies.uwu.ai music playerspeaker music playermusic player inside containernako.ju.mp music playersanrio music playerdraggableramdons music playermadomagiongakufixed white circlejumping img music playerhover on textspinning headphonebasic music playersimple music playerharenchislide up playlistmultiple song
    cursor & bg codes
    hearts cursorimg clicksplosionheart clicksplosionimg trail cursorbubble trail cursortinkerbellflower cursormusic note cursorquestion mark cursorstarssmoke cursormore cute cursorsfloating blobs in a jarfloating hearts bgcustom img fallstar warprain effectbubble bathfalling snowfalling snow 2falling heartsfalling sakura leavesfalling butterfliesradial bgtv effectbokeh effectother bgscute bg patternsseamless tiles bganimated pixel blocksNEW! bokeh effectcss pattern bgscreative bgs

    scroll
    hidden scrollbarold web scrollbar 1old web scrollbar 2 7.css scrollbar 17.css scrollbar 2colored scrollbargradient scrollbar7.css scrollbarscrollbar by chngmisgray scrollbarsimple borderdouble border scrollboxscrollbox w/ no borderscrollbox w/ rounded cornersscrollbox w/ shadow insetscrollbox w/ pink borderscrollbox w/ brown lacescrollbox w/ blue lacescrollbox w/ plain lacescrollbox w/ pink flowers bordertiled flowers borderbeaded hearts borderdoily borderbiscuit borderscrollbox w/ groove borderscrollbox w/ 2 diff fontsscrollbox w/ markscrollbox w/ bg colorscrollbox w/ gradient bgscrollbox w/ bg imgscrollbox w/ dashed bordersscrollbox w/ dotted bordersglowcross scrollboxskew scrollboxscrollbox w/ uneven edgesscrollbox w/ rainbow borderscrollbox w/ double border split scrollscrollbox title disappears when hoveredscrollbox expands on hover💀 drr ac scrollboxes, cr cyberpinked4 scrollboxeshorizontal scrollbox w/ separate columnsscrollbox reveal when hover on imageimage blur & shake on hover to reveal scrollboxNEW! double border scrollbar
    menu
    simple dropdown menugina crd menujake's blur menusscripted neocities org menuheart menu on hoverflower menubookmark menumenu in lala uwu aiscripted drr ac menuclaris crd co menuestrellita menufoldr menulimyonsal menuheart flip menuflip carrdintruosers menuroman numerals on hovernumbers on hovereditable drop down7.css drop down menu▽^*)

    css frameworks
    & generators
    7.css98.cssXP.cssNES.csssystem.cssclay.csspaper.cssTUI.csscssmaticcss button generatorneumorphism/soft ui generatorshadow generator 1shadow generator 2css grid generatorget wavesfancy border radiusglassmorphism 1glassmorphism 2glassmorphism 3shadow palette generatorkeyframescss gradientvivid gradientaccordion slidergradient shadowspatternifymesh gradientscss text gradienttypesetwait animatepremade css animationscss bg patternscss generator toolopacity cssgradient magicanimated css bg generator
    misc
    NEW! fantasia crd co sfxgame click soundcustomized buttonsclick sound alertcbox on hoveropening message alertdisable left click + alertdisable right click w/o alertmarquee tab titletyping tab titlepassword protectiontabs thingyweb counter 1web counter 2webnekowebsite petshaped containerswindow buttonsnotepad tabredirect ppl to another site when carrd opensishimori crd update loggumamela crd update logdraggable elementsintro animationsmedia rulehtml formsstar ratingssticky note by yukokicustom highlight sectioninset box shadowbutton with blinkingdisable inspect elementclick SFXslide up blur bg text boxmouse click SFXscrollbar makerscroll to topdisable inspect elemet & shortcut keyscreate free pollNEW! skill bar #1