charlitism

[charlitism]

nostalgiacore stamps !! ✮ free to use ꩜ requested

[charlitism]

˚‧✧꒰ fresh fruits stamps 🍓꒱✧‧˚

so cool and refreshing!

[charlitism]

rare personal tumblr post but HEY.

toyhouse alternative! for neocities! with automatically generating table of contents (tables of content?) and that crisp offbrand old wikipedia look. and a javascript sidebar so you only have to update it in one spot. it's in a zip file. i was making it just for our guild wars characters but ended up making a template for a whole thing. it works on mobile and i'm pretty sure i've squashed any would-be problems with different computer monitor sizes

here's the demo page with the download link and here's the neocities profile for it

[charlitism]

Neocities Websites for Decor (& Other Resources)

9/4 2:10pm

i've been working on my neocities website and wanted to compile a bunch of places where one can find decor. this is not an extensive list, but rather a bunch of places where you can start finding resources.

please note that various pages could strain the eyes, including flashing lights or colors. pages called 'blinkies' usually have flashing colors throughout. [* = prominent flashing lights]

all websites, resources, and thoughts are beneath the cut

decor

effects for mouse cursors, text, and sites - https://www.mf2fm.com/rv/

assorted decor, images, and more - https://shishka.neocities.org/shishka/toybox

* random gifs from the internet archive - https://gifcities.org

https://pinkukingdom.neocities.org/toybox

http://whimsical.heartette.net/material [has tos you need to follow]

https://cinni.net/?z=/toybox/ [love this website so much]

* assorted early internet graphics - https://www.glitter-graphics.com

https://graphic.neocities.org

https://strawberry-gashes.gensoukai.net/v2/

archived images - https://web.archive.org/web/20100211160439/http://neskaya.net/pixels.php

* https://kawaiiness.net/home.php [potential eye strain]

https://www.asterism-m.com/item/ [japanese site]

https://pixelsafari.neocities.org

https://foollovers.com/mat/index.html [japanese site. has tos]

* https://gothiclolita.neocities.org/materials

https://sozai.pooftie.me [pastels. very low contrast, hard to read warning]

https://scripted.neocities.org

https://arunyi.art/#goodies

https://nonkiru.art/resources

* https://animatedglittergraphics-n-more.tumblr.com / @animatedglittergraphics-n-more

https://drive.google.com/drive/folders/1eQx_UiPvEvI4ZZECoPOuRrLhIE_6XbBy [content guide here... 4k+ gifs and graphics by @topadie]

* https://cutewebgraphics.tumblr.com/directory / @cutewebgraphics

https://pngfarm.tumblr.com / @pngfarm

https://lostsozai.tumblr.com / @lostsozai

decor directories

https://directory.cinni.net/sozai/

https://pixelsafari.neocities.org/links/directory/

https://www.tumblr.com/gender444/680981849679511552/favorite-sozaiblog-materials-sites-fool-lovers

definitions

(for those who don't know and/or are just getting into website creation)

webmaster: person who coded/created the website

favicons: small icons or graphics, usually 16x16 pixels.

pixels: graphics either custom-made or found. i've seen this term used for favicons, adoptables, and other graphics.

emoticons: old term for emojis. typically custom emoji expressions

* blinkies: thin flashing or sparkling banners, usually with text, an image, and flashing lights. collectible.

toybox: collections of favicons, stamps, blinkies, buttons, and more. all up to the webmaster's discretion and preferences

* glitters: glittering or shimmering text or images

stamps: collectible rectangular images, usually 99x56px

buttons: images that are hyperlinked to other websites. often custom-made for one particular webmaster or site.

avatars: typically 100x100 pixel images

other websites

beginner's guide to html and css - https://webguide.neocities.org

dnd style character generator - https://harlekine.neocities.org

templates/themes - https://neothemes.neocities.org

photo editor - https://photomosh.com

rainbow text maker - https://www.glitter-graphics.com/generators/rainbow.php

various other resources - https://scripted.neocities.org

learn more about websites & neocities - https://sadgrl.online

assorted resources - https://www.tumblr.com/punkwasp/725206601551773696/neocitiesindie-webmastery-resources

get started with website creation - https://www.tumblr.com/oddmerit/685644129978499072/note-cause-im-getting-sick-and-tired-of-terfs

all types of resources - https://punkwasp.leprd.space/resources/

* = prominent flashing lights/colors

i suggest not linking back (aka hotlinking) to the resources on the website. instead upload it yourself onto either neocities or an image hosting site and include credit. this way, if the person hosting the image deletes their page or loses the image somehow, your website will still be fine. (i didn't do this and had to find everything all over again... )

i have found that the best websites to use as companions to neocities are w3schools, pinterest, tumblr, and any image hosting site. w3schools for coding tutorials. pinterest for inspiration or for graphics. tumblr for any type of decor and advice. to edit my code and have a live preview, i use codepen.io.

since you read through all this, maybe take a look at my neocities site and follow me! <3

[charlitism]

some neocities/spacehey resources i found ^^

✮⋆˙ emojicombos.com:

cute emojis and ascii art

✮⋆˙ glitter-graphics.com:

many old web styled graphics, rainbow text, animated text generator and many, many gifs

✮⋆˙ color-hex.com:

color IDs useful for css

✮⋆˙ w3schools.com:

great for studying css and html!

✮⋆˙ pixelsafari.neocities.org:

many graphics can be found here. baisically a list of blogs collecting stamps, blinkies and etc.

✮⋆˙ rentry.co/depressantbuttons:

buttons for blogs like myspace and spacehey

✮⋆˙ ezgif.com:

gif resizer

✮⋆˙ imgbb.com:

free image hosting (for example if you don't have the valid img url)

✮⋆˙ iloveimg.com:

all things image (remove background, watermark adder, photo editor, compresser, crop, upscale, etc.)

✮⋆˙ lingojam.com/AestheticFontsGenerator:

lots of cute fonts!! you just have to copy and paste the text you want to generate

✮⋆˙ ascii-art-generator.org:

generate ascii art from image in different sizes

[charlitism]

HTML For Neocities Masterlist

This list's been in the works for a while. Here's the things I find most useful for getting started with HTML, along with every free template I could find. If you have any others that you think I should include, please leave a comment on my site!

Easy copy-paste for common HTML stuff

Sadgrl's HTML Cheatsheet covers everything useful!

Learning The Ropes

I'm no expert, I'm still learning myself. But one thing I can tell you: HTML isn't as hard to learn as it may seem on the outside! I was originally very hesitant to dive in because of ADHD and other things, but I was pleasantly surprised that I was able to pick up on stuff through a mix of reading tutorials and trying things on my own. Dive in!!

W3Schools: The ULTIMATE resource when it comes to this stuff, you NEED W3schools in your life! They have easy to understand resources like tutorials, which usually come with editable live examples so you can understand what changing one part of the code would do. Resources are available for HTML, CSS, Javascript, SQL, etc!

Free Templates

Sadgrl's Layout Builder: A browser layout builder that lets you somewhat customize a layout for your Neocities! And of course, you can then edit it and further customize your site.

PetraPixel's Layout Generator: A layout maker with lots of accessibility options and a very clean interface.

Wikitable: Comprehensive and fun layout to make a pseudo-Wiki page in HTML!

44x50: A user who's made a really awesome Wiki-style template for storing information about your OCs and has more templates on the way.

Templaterr: Some great and very basic layouts, excellent for learning as you go.

Eggramen: A bunch of CSS stylesheets with simple HTML test pages. Has layouts for some specific types, too, like fanlistings, webcomics, etc.

Rarebit: The most popular free layout for a Neocities webcomic, and for good reason! It's really good.

Repth's Themes: A whole bunch of great layouts.

Angel's Layouts: Some layouts and then some simple base codes.

Almost Sweet: Sweet templates!

Neothemes: 2 free layouts.

Adilene: Several cute and compact layouts for Neocities, along with other code bits.

Zonelets: A simple and free engine for a blog.

MyRoom: Super cute simple layout with a calendar.

Silly Space: Aesthetic 2 sidebar site layout.

Teppy's Layouts: Several really aesthetically pleasing layouts.

Theme-Hunter is intended for Tumblr theme and page codes, but the vast majority of page codes can be used off Tumblr and will look pretty nice! (Not any pages which inherently depend on Tumblr of course, like all-in-ones and following pages.) Just make sure to read any TOS provided by the code's creator, as some people specifically don't want their codes used for this, some explicitly allow it, etc.

Even More Stuff

#html and #neocities: Tags on my blog for HTML templates and Neocities templates/resources I've reblogged.

Codepen: A site for people to share and show off their projects in various languages. Not everything is free to take, but a lot of it is. Check the licenses/description and stuff, and you can find some really interesting website templates and code snippets. It also comes with a browser code editor to let you test things live. (I made a list of some of my favorites once.)Sadgrl's Webmaster Resources: Huge list of useful resources.

Loveberry: Borders, a calendar, and other code snippets.

PetraPixel's Widgets: Last.fm and Status.cafe snippets.

Createblog: A vintage free layout website which is still up as of 2025, but doesn't seem to have been updated since 2012. You can find free HTML and CSS layouts from 2009-2012, and the majority of them could totally still be used, but you need to know a tiny bit of HTML so you can understand how to increase the size of things to make it accessible and sized for a modern day resolution, along with any other small tweaks it may need. I've used layouts from here a couple times and fixed them up on my own and found it very fun.

Please enjoy!

This is a post version of the HTML page on my Neocities, which I will be continually updating, so check there :)

[charlitism]

⠀ 　†⠀⠀ㅤֺ⠀⠀⠀pink⠀⠀+⠀⠀black⠀⠀dividers⠀⠀by⠀⠀d-oie

꜀(　꜆´⌓`)꜆ ⠀⠀⠀⠀𓈒 𓈒 𓈒 ⠀⠀⠀⠀please add creds & do not reupload

[charlitism]

Spring tumblr layouts 🤤🤤

ID in alt text

For @necroangelz event

{ Day 1 : winter or spring }

[ PT / day 1 : winter or spring / END PT]

Alternative versions under the cut!

White background, transparent lace.

White background, White lace.

[charlitism]

bubbly resources? f2u do not credit me i did not make them, dm for removal/credit join my server for stuff like these

[charlitism]

✧ 　pink pngs

f2u! reblogs very appreciated! ↳ self indulgent!!

more pink pngs!

[charlitism]

𓏵⠀⠀⠀⠀﹕ pink ⠀₊⠀ graphic frame

⠀⠀⠀⠀⠀free 2 use !

⟢ 　 ⌣ ⠀like ﾉ reblog appreciated

[charlitism]

¡ bios idea ৎ

　 ྀི︶˚̣̣̣ ྀི◟ ͜ ◞˚̣̣̣ ྀི︶𓏴︶˚̣̣̣ ྀི◟ ͜ ◞˚̣̣̣ ྀི︶ ྀི

𐔌ི •ᴗ • ꒱ info/info 2005

𝒀𝒆𝒔, 𝑰'𝒎 𝒗𝒆𝒓𝒚 𝒑𝒓𝒆𝒕𝒕𝒚, 𝒘𝒉𝒂𝒕'𝒔 𝒕𝒉𝒆 𝒑𝒓𝒐𝒃𝒍𝒆𝒎?𓉸ೀ⠀

︶︶֪︶︶֪︶︶ིྀ︶︶֪︶︶︶֪︶︶

𓏴 ▄︻デྀིྀི══━一 ⋅ᯓinfo/info 𓏴

ᡣ𐭩 she/her ૮꒰ ྀི >⸝⸝⸝< ྀི꒱ა ｡ꪆৎ ˚⋅

ׁ⠂ ˙ׅ ׁ ׁ⠂ ˙ׅ ׁ ׁ ˖๑‧˚꒷꒦︶︶₊꒷꒦︶︶₊꒷꒦˚‧๑˖ ׁ⠂ ˙ׅ ׁ ׁ⠂ ˙ׅ ׁ ׁ⠂

𝜗ৎ ˚⋅⠀𝖘𝖚𝖈𝖐 𝖎𝖙 ⠀˙ ♱◞ ྀི

𓏵𓏵⠀info/info ◟ 𓉸⠀

︵︵⠀𓈒⠀૮₍ ˃ ⤙ ˂ ₎ა⠀ ꪆ𝜚　˙ 　˖　⁰⁰

⠀ྀི◞⏝︶ ͝ ⏝ ͝ ︶ ͝ ⏝⏝ ͝ ︶ ͝𝅄⏝ ྀི

⠀ 19 — 𓊆⠀info/info ⠀𓊇ྀི

૮꒰ ◞ . ◟꒱ྀིა⠀⠀so hungry ׂ ︪︩ ּ ₊†

♡ ͝ ︶ ͝text ͝︶ ͝text ͝ ︶ ͝ ♡

[charlitism]

Cute stamps

[charlitism]

cutecore framez

[charlitism]

neocities guide - why you should build your own html website

do you miss the charm of the 90s/00s web where sites had actual personality instead of the same minimalistic theme? are you feeling drained by social media and the constant corporate monopoly of your data and time? do you want to be excited about the internet again? try neocities!!

what is neocities?

neocities is a free hosting website that lets you build your own html website from scratch, with total creative control. in their own words: "we are tired of living in an online world where people are isolated from each other on boring, generic social networks that don't let us truly express ourselves. it's time we took back our personalities from these sterilized, lifeless, monetized, data mined, monitored addiction machines and let our creativity flourish again."

why should I make my own website?

web3 has been overtaken by capitalism & conformity. websites that once were meant to be fun online social spaces now exist solely to steal your data and sell you things. it sucks!! building a personal site is a great way to express yourself and take control of your online experience.

what would I even put on a website?

the best part about making your own site is that you can do literally whatever the hell you want! focus on a specific subject or make it a wild collection of all your interests. share your art! make a shrine for one of your interests! post a picture of every bird you see when you step outside! make a collection of your favorite blinkies! the world is your oyster !! here are some cool example sites to inspire you: recently updated neocities sites | it can be fun to just look through these and browse people's content! space bar | local interstellar dive bar creature feature | halloween & monsters big gulp supreme peanutbuttaz | personal site dragodiluna linwood | personal site patho grove | personal site

getting started: neocities/html guide

sound interesting? here are some guides to help you get started, especially if you aren't familiar with html/css sadgrl.online webmastery | a fantastic resource for getting started with html & web revival. also has a layout builder that you can use to start with in case starting from scratch is too intimidating web design in 4 minutes | good for learning coding basics w3schools | html tutorials templaterr | demo & html for basic web elements eggramen test pages | css page templates to get started with sadgrl background tiles | bg tiles rivendell background tiles | more free bg tiles

fun stuff to add to your site

want your site to be cool? here's some fun stuff that i've found blinkies-cafe | fantastic blinkie maker! (run by @transbro & @graphics-cafe) gificities | internet archive of 90s/00s web gifs internet bumper stickers | web bumper stickers momg | gif gallery 99 gif shop | 3d gifs 123 guestbook | add a guestbook for people to leave messages cbox | add a live chat box moon phases | track the phases of the moon gifypet | a little clickable page pet adopt a shroom | mushroom page pet tamaNOTchi | virtual pet crossword puzzle | daily crossword imood | track your mood neko | cute cat that chases your mouse pollcode | custom poll maker website hit counter | track how many visitors you have

web revival manifestos & communities

also, there's actually a pretty cool community of people out there who want to bring joy back to the web! melonland project | web project/community celebrating individual & joyful online experiences. Also has an online forum melonland intro to web revival | what is web revival? melonking manifesto | status cafe | share your current status nightfall city | online community onio.cafe | leave a message and enjoy the ambiance sadgrl internet manifesto | yesterweb internet manifesto | sadly defunct, still a great resource reclaiming online social spaces | great manifesto on cultivating your online experience

in conclusion

i want everyone to make a neocities site because it's fun af and i love seeing everyone's weird personal sites that they made outside of the control of capitalism :) say hi to me on neocities

EDIT: part 2!!

[charlitism]

New website template. :)

[charlitism]

Neocities Websites for Decor (& Other Resources)

9/4 2:10pm

i've been working on my neocities website and wanted to compile a bunch of places where one can find decor. this is not an extensive list, but rather a bunch of places where you can start finding resources.

please note that various pages could strain the eyes, including flashing lights or colors. pages called 'blinkies' usually have flashing colors throughout. [* = prominent flashing lights]

all websites, resources, and thoughts are beneath the cut

decor

effects for mouse cursors, text, and sites - https://www.mf2fm.com/rv/

assorted decor, images, and more - https://shishka.neocities.org/shishka/toybox

* random gifs from the internet archive - https://gifcities.org

https://pinkukingdom.neocities.org/toybox

http://whimsical.heartette.net/material [has tos you need to follow]

https://cinni.net/?z=/toybox/ [love this website so much]

* assorted early internet graphics - https://www.glitter-graphics.com

https://graphic.neocities.org

https://strawberry-gashes.gensoukai.net/v2/

archived images - https://web.archive.org/web/20100211160439/http://neskaya.net/pixels.php

* https://kawaiiness.net/home.php [potential eye strain]

https://www.asterism-m.com/item/ [japanese site]

https://pixelsafari.neocities.org

https://foollovers.com/mat/index.html [japanese site. has tos]

* https://gothiclolita.neocities.org/materials

https://sozai.pooftie.me [pastels. very low contrast, hard to read warning]

https://scripted.neocities.org

https://arunyi.art/#goodies

https://nonkiru.art/resources

* https://animatedglittergraphics-n-more.tumblr.com / @animatedglittergraphics-n-more

https://drive.google.com/drive/folders/1eQx_UiPvEvI4ZZECoPOuRrLhIE_6XbBy [content guide here... 4k+ gifs and graphics by @topadie]

* https://cutewebgraphics.tumblr.com/directory / @cutewebgraphics

https://pngfarm.tumblr.com / @pngfarm

https://lostsozai.tumblr.com / @lostsozai

decor directories

https://directory.cinni.net/sozai/

https://pixelsafari.neocities.org/links/directory/

https://www.tumblr.com/gender444/680981849679511552/favorite-sozaiblog-materials-sites-fool-lovers

definitions

(for those who don't know and/or are just getting into website creation)

webmaster: person who coded/created the website

favicons: small icons or graphics, usually 16x16 pixels.

pixels: graphics either custom-made or found. i've seen this term used for favicons, adoptables, and other graphics.

emoticons: old term for emojis. typically custom emoji expressions

* blinkies: thin flashing or sparkling banners, usually with text, an image, and flashing lights. collectible.

toybox: collections of favicons, stamps, blinkies, buttons, and more. all up to the webmaster's discretion and preferences

* glitters: glittering or shimmering text or images

stamps: collectible rectangular images, usually 99x56px

buttons: images that are hyperlinked to other websites. often custom-made for one particular webmaster or site.

avatars: typically 100x100 pixel images

other websites

beginner's guide to html and css - https://webguide.neocities.org

dnd style character generator - https://harlekine.neocities.org

templates/themes - https://neothemes.neocities.org

photo editor - https://photomosh.com

rainbow text maker - https://www.glitter-graphics.com/generators/rainbow.php

various other resources - https://scripted.neocities.org

learn more about websites & neocities - https://sadgrl.online

assorted resources - https://www.tumblr.com/punkwasp/725206601551773696/neocitiesindie-webmastery-resources

get started with website creation - https://www.tumblr.com/oddmerit/685644129978499072/note-cause-im-getting-sick-and-tired-of-terfs

all types of resources - https://punkwasp.leprd.space/resources/

* = prominent flashing lights/colors

i suggest not linking back (aka hotlinking) to the resources on the website. instead upload it yourself onto either neocities or an image hosting site and include credit. this way, if the person hosting the image deletes their page or loses the image somehow, your website will still be fine. (i didn't do this and had to find everything all over again... )

i have found that the best websites to use as companions to neocities are w3schools, pinterest, tumblr, and any image hosting site. w3schools for coding tutorials. pinterest for inspiration or for graphics. tumblr for any type of decor and advice. to edit my code and have a live preview, i use codepen.io.

since you read through all this, maybe take a look at my neocities site and follow me! <3