Layout published by Fried Organs

published 1717179506
updated 1756916751

Add to Favorites

View Layouts

View Profile

Report Layout

CRK RUNS ACROSS UR PROFILE!!!!

Tags: cookie run, crk, cookie run kingdom

Description:

WAIT FOR THEM TO FULLY LOAD SO U CAN SEE THEM WALK MORE CLEARLY

They're displayed on this layout!! Sorry for the size difference of some of them :(

THEY ARE NOT ALL SHOWN AS IT WILL BECOME VERY CLUTTERED!!!

ALL COOKIES THAT ARE AVAILABLE ARE SHOWN IN THE SCROLL BOX 👇

I am very open to requests for certain cookies to be added to this layout!
Though, I may take a bit of time to get to you or finish your request. :)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Fried Organs (https://layouts.spacehey.com/layout?id=107479) -->

Hollyberry:

<style>
@keyframes holly{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#holly{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: holly 30s infinite linear;
    pointer-events: none;
}
</style>
<img id="holly" src="https://files.catbox.moe/6f3gie.gif"/>
 



White Lily:


<style>
@keyframes wlc{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#wlc{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: wlc 31s infinite linear;
    pointer-events: none;
}
</style>
<img id="wlc" src="https://files.catbox.moe/lwfrx7.webp"/>







Awakened Pure Vanilla:

<style>
@keyframes apv{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#apv{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: apv 43s infinite linear;
    pointer-events: none;
}
</style>
<img id="apv" src="https://files.catbox.moe/930nw4.gif"/>






Peach Blossom:


<style>
@keyframes Pblossom{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#Pblossom{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: Pblossom 38s infinite linear;
    pointer-events: none;
}
</style>
<img id="Pblossom" src="https://files.catbox.moe/ty16y6.webp"/>





Truthless Recluse:

<style>
@keyframes tr{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#tr{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: tr 50s infinite linear;
    pointer-events: none;
}
</style>
<img id="tr" src="https://files.catbox.moe/vtqy6w.gif"/>







GingerBrave:
  


<style>
@keyframes GingerBrave{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#GingerBrave{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: GingerBrave 25s infinite linear;
    pointer-events: none;
}
</style>
<img id="GingerBrave" src="https://files.catbox.moe/62v9nk.webp"/>





Dark Cacao (strut/walk) :

<style>
@keyframes cacao{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#cacao{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: cacao 38s infinite linear;
    pointer-events: none;
}
</style>
<img id="cacao" src="https://files.catbox.moe/mf0mg5.gif"/>






Dark Cacao (run) :

<style>
@keyframes dcacao{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#dcacao{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: dcacao 28s infinite linear;
    pointer-events: none;
}
</style>
<img id="dcacao" src="https://files.catbox.moe/v1uwzx.gif"/>





White Lily (Moonflower Faerie costume!!):

<style>
@keyframes wlilycos{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#wlilycos{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: wlilycos 33s infinite linear;
    pointer-events: none;
}
</style>
<img id="wlilycos" src="https://files.catbox.moe/gvkasf.gif"/>





Golden cheese:

<style>
@keyframes gc{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#gc{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: gc 35s infinite linear;
    pointer-events: none;
}
</style>
<img id="gc" src="https://files.catbox.moe/6insse.gif"/>






Shadow Milk Cookie:

<style>
@keyframes smc{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#smc{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: smc 34s infinite linear;
    pointer-events: none;
}
</style>
<img id="smc" src="https://files.catbox.moe/wroadv.gif"/>







Chilli Pepper Cookie  (Prison Breaker costume):

<style>
@keyframes chpcos{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#chpcos{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: chpcos 20s infinite linear;
    pointer-events: none;
}
</style>
<img id="chpcos" src="https://files.catbox.moe/bqjwj9.gif"/>


Mozzarella cookie:

<style>
@keyframes moc{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#moc{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: moc 32s infinite linear;
    pointer-events: none;
}"
</style>
<img id="moc" src="https://files.catbox.moe/5mbspf.webp"/>





Tarte Tatin:

<style>
@keyframes ttc{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#ttc{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: ttc 29s infinite linear;
    pointer-events: none;
}
</style>
<img id="ttc" src="https://files.catbox.moe/wmjh2u.webp"/>
 






FRILLED JELLYFISH COOKIE:


<style>
@keyframes JELLYFISH{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#JELLYFISH{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: JELLYFISH 42s infinite linear;
    pointer-events: none;
}
</style>
<img id="JELLYFISH" src="https://files.catbox.moe/kkv87m.webp"/>
 





Awakened Golden cheese:

<style>
@keyframes agc{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#agc{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: agc 32s infinite linear;
    pointer-events: none;
}
</style>
<img id="agc" src="https://files.catbox.moe/raabif.webp"/>



Shadow Milk WALK VERSION!!! :



<style>
@keyframes shadowmilksec{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#shadowmilksec{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: shadowmilksec 30s infinite linear;
    pointer-events: none;
}
</style>
<img id="shadowmilksec" src="https://files.catbox.moe/jlzuce.webp"/>







Eternal Sugar:


<style>
@keyframes eternals{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#eternals{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: eternals 35s infinite linear;
    pointer-events: none;
}
</style>
<img id="eternals" src="https://files.catbox.moe/cx9guj.webp"/>







Burning Spice:


<style>
@keyframes BurningS{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#BurningS{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: BurningS 32s infinite linear;
    pointer-events: none;
}
</style>
<img id="BurningS" src="https://files.catbox.moe/l2zsgr.gif"/>







Mystic Flour:


<style>
@keyframes Mysticf{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#Mysticf{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: Mysticf 38s infinite linear;
    pointer-events: none;
}
</style>
<img id="Mysticf" src="https://files.catbox.moe/klwd0u.webp"/>







Pitaya Dragon Cookie:



<style>
@keyframes pitaya{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#pitaya{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: pitaya 35s infinite linear;
    pointer-events: none;
}
</style>
<img id="pitaya" src="https://files.catbox.moe/fuswpg.webp"/>








Black Sapphire:


<style>
@keyframes blasa{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#blasa{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: blasa 33s infinite linear;
    pointer-events: none;
}
</style>
<img id="blasa" src="https://files.catbox.moe/d34pj8.webp"/>











Silverbell:



<style>
@keyframes silverb{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#silverb{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: silverb 37s infinite linear;
    pointer-events: none;
}
</style>
<img id="silverb" src="https://files.catbox.moe/kdh4m6.webp"/>









Red Velvet:


<style>
@keyframes redv{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#redv{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: redv 40s infinite linear;
    pointer-events: none;
}
</style>
<img id="redv" src="https://files.catbox.moe/icvt7g.webp"/>







Wind Archer:


<style>
@keyframes windA{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#windA{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: windA 33s infinite linear;
    pointer-events: none;
}
</style>
<img id="windA" src="https://files.catbox.moe/z1lrbh.webp"/>










Candy Apple Cookie:



<style>
@keyframes Candya{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#Candya{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: Candya 27s infinite linear;
    pointer-events: none;
}
</style>
<img id="Candya" src="https://files.catbox.moe/2ff26y.webp"/>









Black Forest:


<style>
@keyframes blackf{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#blackf{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: blackf 40s infinite linear;
    pointer-events: none;
}
</style>
<img id="blackf" src="https://files.catbox.moe/pm74ol.webp"/>




Black Lemonade:



<style>
@keyframes blemonade{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#blemonade{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: blemonade 33s infinite linear;
    pointer-events: none;
}
</style>
<img id="blemonade" src="https://files.catbox.moe/mppye3.webp"/>





Dark Choco:


<style>
@keyframes darkchoco{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#darkchoco{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: darkchoco 34s infinite linear;
    pointer-events: none;
}
</style>
<img id="darkchoco" src="https://files.catbox.moe/5i8id4.webp"/>






COTTON COOKIE: 


<style>
@keyframes COTTONC{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#COTTONC{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: COTTONC 39s infinite linear;
    pointer-events: none;
}
</style>
<img id="COTTONC" src="https://files.catbox.moe/8jak3v.gif"/>








Cocoa:




<style>
@keyframes Cocoa{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#Cocoa{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: Cocoa 40s infinite linear;
    pointer-events: none;
}
</style>
<img id="Cocoa" src="https://files.catbox.moe/c4225b.webp"/>








Expresso:


<style>
@keyframes Expresso{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#Expresso{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: Expresso 42s infinite linear;
    pointer-events: none;
}
</style>
<img id="Expresso" src="https://files.catbox.moe/p5vd4i.webp"/>










Madeleine:


<style>
@keyframes Madeleine{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#Madeleine{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: Madeleine 34s infinite linear;
    pointer-events: none;
}
</style>
<img id="Madeleine" src="https://files.catbox.moe/pyfkwy.webp"/>







Sorbet Shark




<style>
@keyframes SORBETs{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#SORBETs{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: SORBETs 39s infinite linear;
    pointer-events: none;
}
</style>
<img id="SORBETs" src="https://files.catbox.moe/edcid9.webp"/>










Capsaicin Cookie




<style>
@keyframes Capsaicin{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#Capsaicin{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: Capsaicin 39s infinite linear;
    pointer-events: none;
}
</style>
<img id="Capsaicin" src="https://files.catbox.moe/3y2zl6.webp"/>






Licorice:




<style>
@keyframes licorice{
0% { right:-25%; }
50% { right:125%; transform: rotateY(0deg); }
51% { transform: rotateY(180deg); }
99% { right:-25%; transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
#licorice{
    position: fixed;
    right: -400px;
    bottom: -12px;
    width: 130px;
    animation: licorice 30s infinite linear;
    pointer-events: none;
}
</style>
<img id="licorice" src="https://files.catbox.moe/rkei20.webp"/>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 398 comments ( View all | Add Comment )

𝙗𝙛𝙙𝙞𝙖𝙙𝙙𝙞𝙘𝙩	1758062868 Using!! Report Comment
albert !!	1758048437 usinggg Report Comment
meowcreep ᵎᵎ ୭˚.	1757940256 using!! this is so cute :33 Report Comment
Joggle	1757876502 could you make a awaken hollyberry? also usings..slalwlskkdw Report Comment sure! I'll work on it when I'm home by Fried Organs; 1758051593; Report
⋆౨ৎ˚⟡˖ ࣪Val ˎˊ˗	1757743857 Hello could you please do a linzer cookie one? Thanks •͈ᴗ•͈ Report Comment AHH SORRY IVE BEEN INACTIVE!!!!! I'll make it when I get home... by Fried Organs; 1758051574; Report
TocToc	1757327088 Uso Report Comment
Aziraphale	1757185468 using ! tysm Report Comment
♥ redlipsalwyslie	1757097766 hi!! using, thank youuu Report Comment
DARK CHOCO COOKIE	1756877714 Hi sorry for requesting again but could you make a Licorice Cookie one? Thanks:) Report Comment ofc! by Fried Organs; 1756916306; Report there u go! luv ur profile btw!!!!! by Fried Organs; 1756916773; Report
justinkalani	1756754981 using! Report Comment
misha(✮)	1756673716 Using Report Comment
robloxmaster7830	1756588786 using !! this is so cool omg Report Comment
lynette ᰔ	1756479566 using Report Comment
Owoellaowo/ArrowAce	1756159990 could u add capsaicin cookie?? using!! ^^ Report Comment OFC I used to have a personal one for my profile! THOUGHHH I may have to work on it when I get home but ill try rn by Fried Organs; 1756236327; Report Alright ITS DONE!!!!! by Fried Organs; 1756237394; Report
L	1755959927 use Report Comment
Mew!	1755700566 Using! This is amazing!! Report Comment
MaryHelen <3	1755462564 I will draw your favorite character if you do shorbet shark cookie Report Comment Ahhh ty but u dont have to :'D ill get to work by Fried Organs; 1755462684; Report alrighty its done ! by Fried Organs; 1755463032; Report OMG REALLY? THANK YOU THANK YOU THANK YOU THEIR MY FAVORITE CHARACTER AHHHHHHH by MaryHelen <3; 1755463800; Report
/ᐠ > ˕ <マ ⋆˚࿔ 𝙺𝙸𝚃𝚃𝚈 𝜗𝜚˚⋆ꉂ(˵˃ ᗜ ˂˵)	1755167458 AHH TY SM FOR THIS !! (≧▽≦) Can you do Espresso and Madeleine ?? :3 Report Comment they are added :D srry for the wait!! by Fried Organs; 1755462443; Report THANK YOU SO MUCH !! ( ◜‿◝ )♡ by /ᐠ > ˕ <マ ⋆˚࿔ 𝙺𝙸𝚃𝚃𝚈 𝜗𝜚˚⋆ꉂ(˵˃ ᗜ ˂˵); 1755465583; Report
Grexy! ✧(｡•̀ᴗ-)✧	1755119728 using!! :D Report Comment