Kawaiicore / Cutecore layout <3

Tags: frankie ☆ iero, cutecore, kawaiicore, kawaii, cute, pastel, softcore, aninmated, sanrio, ainme

Description:

a sugary sweet layout complete with a custom strawberry cusor, pixel icons, floating page animation, heart shaped pfp, a custom kawaii playlist autoplayer, extra image boxes, spotify embeds + much more please keep my credits in the code <33

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Kyle or something  (https://layouts.spacehey.com/layout?id=89234) -->

<style>
.general-about img {-webkit-mask-image: url(https://uvassociates.in/sites/default/files/images/clip-arts/3d-Peach-Love-Heart-Transparent-Background.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: top;}
</style>


<style>
  .top > .left > a > .logo {
    display: none;
  }
  .top .left a {
    content: url(https://media.discordapp.net/attachments/899055662506602539/1176292607370985554/Spacehey_Logo.png?ex=656e56dc&is=655be1dc&hm=6ee33b601f5dc50ce119cd43e713347ce114ca918839a766d41333e1fd819909&=);
    height: 50px;
    width: 165px;
    display: inline-block;
  }

</style>


<div class="about"> 
Made by Frankie ☆ Iero
about me goes here!!

</div>

<div>
<h3>music keeps me sane…:</h3>
<!-- spotify embed here -->
<!-- put a yt id here for autoplay music -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/LaTXnBVXTV4//?&;amp;;autoplay=1&;loop=infinite&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>
</div>
  
  
<style>
        .online{content:url(https://64.media.tumblr.com/3d6c162bae11d8a477e6cba9a2de11a1/50dde544cc4fb212-9d/s75x75_c1/b8fcef7b8aae1502794c526bbe16432ae4731d1c.gifv) }
    </style>


<style>
    body {
          background-image:url(https://i.pinimg.com/originals/d6/08/29/d60829bd5a6b9ea708ba7d1fb535892a.gif)
    }
</style>
<style>
body { cursor: url(https://64.media.tumblr.com/dad8298d6ceb12a90b244e02ebc83410/bf9539443eee6547-cf/s75x75_c1/9e7f1c6a67c0268c55d107176939b2df01790222.gifv), auto; }
</style>

<style>
.profile-info{
background: url(https://i.pinimg.com/originals/ae/98/2e/ae982e7168c2c920fa7056f06d874a74.gif);
no-repeat fixed;
    background-size: cover;
    height: 200px;
    border: white;
    font-size: 0;
    background-size: cover;
    height: 200px;
    border: white;
    font-size: 0;
    background-position-y: center;
}

    .profile {
       
 
background:url(https://i.pinimg.com/564x/0f/c6/62/0fc662365976093d8fc619f8f8cdc19b.jpg);
color:white;
text-shadow: 0 0 9px #FF5AC6;
    }

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:#FFFFFF; 
Background:url(https://i.pinimg.com/564x/e4/43/0f/e4430ff1d3b4738113e29f529e480028.jpg);
}

/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content:url(https://64.media.tumblr.com/24a5a890f363c693e420a3180fadb30e/bf9539443eee6547-8e/s75x75_c1/5551b2733080977fb9986d78eb8f6f2974a974b8.gifv);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content:url(https://64.media.tumblr.com/1e11bf032c1fc447511ccbbb2054d7d0/bf9539443eee6547-f5/s75x75_c1/666274744f03e448572b99ad5aad8a893ccf4126.gifv);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content:url(https://64.media.tumblr.com/a0ca6549330a9aa3051fd6c5e6698066/864d1bda21cb5b1a-12/s75x75_c1/ee7075f73c668af8019b526d01df4c6b389b67b4.gifv);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content:url(https://64.media.tumblr.com/a4684f5a22ac0fc2eab4dc9caf7e72be/74e3a4f2f60c0e4d-0b/s75x75_c1/7217a1da74ec1e273c473711e30de3e351f79a0d.gifv);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content:url(https://64.media.tumblr.com/38b26db6380dbd91ce8d53b243a51999/008397d74f64ea97-b2/s75x75_c1/8f962b404d67e23a4520c64508b3e424b7e1e154.gifv);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content:url(https://64.media.tumblr.com/a7675a12d61f869bc21c449f929d6291/0d435de286f63e02-e8/s75x75_c1/96a95f9837a05ad1cb2b0741a5e53d9a64ebc669.gifv);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content:url(https://64.media.tumblr.com/b097da022a6c39783fb710a6315e22e8/6dff416b2679203e-76/s75x75_c1/a7fc684fba16170b3caa0a0a5004f238a105254c.gifv);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content:url(https://64.media.tumblr.com/ff664ba593319dfaed958653ce77a9f3/864d1bda21cb5b1a-55/s75x75_c1/29eacb640967f406c820fdefbddb96bbb2759161.gifv);
}
footer {
border-radius: 15px;
background-image: 
url(https://64.media.tumblr.com/ff664ba593319dfaed958653ce77a9f3/864d1bda21cb5b1a-55/s75x75_c1/29eacb640967f406c820fdefbddb96bbb2759161.gifv);
color:White; 
}
  

nav .top {
        background: url(https://i.pinimg.com/originals/be/5a/11/be5a11b56780bf2606179b60a595c79f.gif);
    }
    
    nav { background: black url(""); }

:root {
--logo-blue:#FFFFFF;
--darker-blue: #FFFFFF;
--lighter-blue: #DEC3E7;
--even-lighter-blue:C3DFE7 url(https://i.pinimg.com/564x/68/ff/d8/68ffd8817cf3f8bd10468b8bbd86b01a.jpg);
--lightest-blue:#C0E5EE;
--dark-orange:#C3DFE7;
--light-orange: url(https://i.pinimg.com/564x/68/ff/d8/68ffd8817cf3f8bd10468b8bbd86b01a.jpg);
--even-lighter-orange:#FFFFFF;
--green: #FFFFFF;
}


<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "my luvs <3 "; font-size:.8rem; font-weight:bold; 
color:black; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "thoughts?"; font-size:.8rem; font-weight:bold;
color:White; } 
</style>
<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "more!!"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "talk to me baby!"; font-size:.8rem; font-weight:bold; 
color:White; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "me!!"; font-size:.8rem; font-weight:bold; color:White; }
<style>

h1{
animation: type 3s steps(27);
  color: transparent;
  font-size: 7px;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 6px);
}
100% {
transform: translate(0, -0px);
}

</style>

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 274 comments ( View all | Add Comment )

Ame	1752292427 using tyyy Report Comment
Sunday	1751854258 using !! may change up a little :3 keeping ur credits tho Report Comment
Naomi :3	1751792910 OBRA vouusar Report Comment
methchan	1750181667 Using! Report Comment
Yumi_☆	1750151657 using(❁´◡`❁) Report Comment
Astrid!!	1749870026 Using this! tysm bro ur a lifesaver!! I can’t code at all so I was wondering how to get a cute layout since I’m new lol ╥﹏╥ Report Comment
sugarbunnie	1749702353 gonna use :D Report Comment
ʚ ᥴᥙ𝗍ᥱkі𝗍𝗍ᥡ . ݁⊹♡	1749401427 USANDO!!♡ Report Comment
kitzmintd	1748229969 using a bit Report Comment
angel 💓	1747770781 using!!! tysm!! Report Comment
maya :3	1747503322 using ! Report Comment
poki...!	1747316239 using!! Report Comment
⋆˙ ⋆⭒˚.⋆𝐿𝑎𝑦 𝐿𝑎𝑦레이 레이──★ ˙🍓 !!⋆˙ ⋆⭒˚.⋆	1746933523 Using! Report Comment
milaaa :33 (ミラ)	1746787111 uzing :333 Report Comment
🎀🌈🐾𝄞°~Kipper~°𝄞🍟💤🍀	1746379635 Where's the kitty cat logo? Report Comment
♡ Rampage ~ ♱	1746330797 using Report Comment
kyokih	1746137523 usando ! :) Report Comment
꒰🧁꒱ ׅ Nana⊹,🍭˙ɞ >.<	1746127185 usando Report Comment