Chat

Miscellaneous

drop down menu, sound effect, popup, notepad tab, sliding carousel, cursor trail, flip card, tv effect, slide up container, shaped containers phone

Music

draggable player, spinning note, circular player multiple song player

Templates

newjeans NEW

Fonts

Coding

dhtml effects, w3schools, dynamic drive, javascript kit, javascript free code, css animations generator, responsinator, start a neocities!

Graphics

pink de pink, tiary, jewel box, fool lovers, whimsical, asterism, moon cat, glitter parts, misty net, engram pixel, peachie's doll collection, bonnibel's graphics, jans graphics, buttons, favicons, star dust, cinni

Carrds and Rentrys

archivos resource ishimori gloss gifs marigold noviecita cakepop html basics hauntedmansion xyz floras riti butter scripted hatecrime noodles crunch mist gumamela cellbit mojito

Sound Effect

Step 1: Copy this code and paste it in an embed.Step 2: Go to the element you want to add the sound effect to and paste: clicksound.playclip(); in "On Click".If you want to add the sound effect to a link in text or want a hover sound effect, make an embed for the text and add: onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" after the url.EXAMPLE: <a href="url" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">link</a>

Popup

Copy this code and paste it in an embed.To add multiple popups, copy the code and change all the element names in the script, css and html so “.click” becomes “.click1″, “.fade” becomes “.fade1″, “#pop” becomes “#pop1″ and so on.Make sure all the element names are changed otherwise it won't work.

Start A Neocities!

If you're interested in web design and want to branch out you should start a neocities!To make one you're going to need to know the HTML and CSS basics which you can learn here or here.TIP: Build and test your site on codepen or jsfiddle first and then transfer it to neocities.This tutorial on how to make a site layout is really helpful and so are the rest of their tutorials so check them out!But if you don't want to make a layout from scratch or don't know where to start then here is a list of sites with templates.And that's it for now! Happy coding!

Layouts

sadgrl cinni repth kittystuff #1 kittystuff #2 create blog brigitte fool lovers lovely designs

clip-path: path('M213.1,6.7c-32.4-14.4-73.7,0-88.1,30.6C110.6,4.9,67.5-9.5,36.9,6.7C2.8,22.9-13.4,62.4,13.5,110.9 C33.3,145.1,67.5,170.3,125,217c59.3-46.7,93.5-71.9,111.5-106.1C263.4,64.2,247.2,22.9,213.1,6.7z');

note: width must be 250px
and height 220px

clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);

clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);

clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);