WidgetLand!

WELCOME

This is the place where I put a bunch of widgets and how to get them. Also if you're putting multiple of these on your website, add this css code into your website and delete the "frameBorder='0'" part in the code I give you.

iframe {border:0;}

THIS PAGE IS ALWAYS UNDER CONSTRUCTION!

1. Random Goat

<iframe src='https://randomgoat.com/embed.php' width='480' height='360' frameBorder='0'></iframe>

Tip: Fell free to change the width and height.

2. GifyPet

Go to GifyPets and follow the instructions to make a GifyPet
Tip: Edit the link to change certain things like the element or date of birth.

3. Kid Rock Favorite Album/Song

Go to My Site and follow the instructions to make it
Tip: Modify the width to make it smaller/larger

4. Give a dog a home

Go to itch.io and follow the instructions to make it
Tip: Modify the width/height to make it smaller/larger

5. Moon

Go to dimden's hotel, read the instructions, and copy and paste the moon widget.
Tip: If you want it with it's default settings, you don't need the "?custom=1" part.
Tip 2: The name attribute is not needed, so you can delete it.
Tip 3: If you don't want the moon widgets to be too long, you can change the height to 133.

6. Fish Pond

<iframe src='https:https://gremble.neocities.org/pond/' width='190' height='100' frameBorder='0'></iframe>

7. Bookworm

<iframe src='https://gremble.neocities.org/bookworm/?charwidth=20&text=ReplaceWithYourText' width='200' height='200' frameBorder='0'></iframe>

Tip: Change the "ReplaceWithYourText" to the text you want it to display.

8. Toy Spinner

<link href='https://scribblemakes.com/code/scWidget_ToySpinner/scWidget_ToySpinner_style.css' rel='stylesheet' type='text/css'><div id="sc_tsw_toySpinner"></div><script src='https://burningfrogpantz.neocities.org/misc/spinner.js'></script>

9. Random Tarot Card

<iframe src='https://wrender.neocities.org/widget/tarotcard' height='375' frameBorder='0'></iframe>

10. Neko (It's in the top-left of this page)

Go to WebNeko and select a Neko. Then, copy and paste the code it gives you.

11. tamaNOTchi

Go to tamaNOTchi world and make an account. Then, make a tamaNOTchi. Finally, copy and paste the iframe code it gives you.

12. Guestbook!

Go to Atabook and make an account. Then, follow the onscreen instructions. Finally, copy and paste the link into this iframe code so it replaces "THELINK" with your guestbook's link.

<iframe width='500' height='500' src='THELINK' frameBorder='0'></iframe>

13. eSheep

<script src='https://adrianotiger.github.io/web-esheep/dist/esheep.min.js'></script><script>var esheep = new eSheep();esheep.Start();</script>

Tip: Don't use this if you're using a neocitie. It dosent work with the free plan.

14. Spotify

Go to this spotify developer page and follow the given instrucions.

15. MS paint

<iframe height='400' width='700' src='https://jspaint.app/' frameBorder='0'></iframe>

16. Buttons!

Tip: There are more buttons than mine. Try browsing Neocities for some buttons to add to your site.

<a href='https://burningfrogpantz.neocities.org/'><img title='Burning Frogpantz' alt='Burning Frogpantz' src='https://burningfrogpantz.neocities.org/imgs/button.gif'/></a>

17. Webtiles

Go to Webtiles, add your site, code your webtile, click "Embed", and copy and paste the code.

18. Webrings

Browse websites like Neocities, find somewebrings you like/wanna join, and apply to be in it.

19. aBowman

This part will be different from most of the widgets on this page. All of the following are from aBowman. I am not going to list the code for all of them. I will list the general method to get most of them. Anyways, enjoy these widgets.
Tip: Align them back to back with the same BG color to make them look connected.

19.1 Everything

Go to aBowman, click on the gadget that you want to add, click "get embeded code", change the settings to your perfered values, and copy the embeded code.
Tip: For penguins, change the height to 267 to make the white lines bordering the top and bottom dissapear.

20. Acme Widgets & Gadgets

This part will be different from most of the widgets on this page. All of the following are from Acme Widgets & Gadgets. I don't reccomend adding all of them to your site. Also I coded the iframe myself. The code might not be represtative of how the creator wants them to be displayed. Also, some of these will have * next to them. That means they need this API I made (It's base code is from this w3docs articale). To use it, simply put the following code on your website. Anyways, enjoy all of these Acme Widgets & Gadgets.

Iframe Zoom API

<style>#zomr{width: calc(var(--zomw)*var(--zoom));height: calc(var(--zomh)*var(--zoom));padding: 0;overflow: hidden;}#zomf{width:var(--zomw);height:var(--zomh);zoom:var(--zoom);-moz-transform:scale(var(--zoom));-moz-transform-origin:0 0;-o-transform:scale(var(--zoom));-o-transform-origin:0 0;-webkit-transform:scale(var(--zoom));-webkit-transform-origin:0 0;}@media screen and (-webkit-min-device-pixel-ratio:0){#zomf{zoom:1;}}</style>

20.01 The Moon*

<div style='--zomw:1210px;--zomh:940px;--zoom:0.5;' id='zomr'><iframe scrolling='no' id='zomf' src='https://acmewidgets.neocities.org/moon/WelcomeToTheMoon'></iframe></div>

20.02 Peg Jump

<iframe scrolling='no' width='605' height='500' src='https://acmewidgets.neocities.org/OldStuff/PegJumpGame/pegjump' frameBorder='0'></iframe>

20.03 Fridge Magnets*

<div style='--zomw:1650px;--zomh:1183px;--zoom:0.5;' id='zomr'><iframe scrolling='no' id='zomf' src='https://acmewidgets.neocities.org/fridge/magnets' frameBorder='0'></iframe></div>

20.04 Lottery Number Generator

<iframe width='570' height='321' scrolling='no' src='https://acmewidgets.neocities.org/OldStuff/lottery/numbergen' frameBorder='0'></iframe>

20.05 Checkers

<iframe width='350' height='371' scrolling='no' src='https://acmewidgets.neocities.org/checkers/checkers' frameBorder='0'></iframe>

20.06 Space Invaders

<iframe width='536' height='550' scrolling='no' src='https://acmewidgets.neocities.org/OldStuff/spaceinvaders/spaceinvaders' frameBorder='0'></iframe>

20.07 Magic 8 Ball

<iframe width='640' height='550' scrolling='no' src='https://acmewidgets.neocities.org/eightball/Magic8ball'></iframe>

20.08 Ouija Board

<iframe width='800' height='600' scrolling='no' src='https://acmewidgets.neocities.org/ouija/ouija'></iframe>

20.09 Crossword*

<div style='--zomw:750px;--zomh:750px;--zoom:0.75;' id='zomr'><iframe scrolling='no' id='zomf' src='https://acmewidgets.neocities.org/OldStuff/crossword/crossword'></iframe></div>

20.10 Lite Brite*

<div style='--zomw:500px;--zomh:760px;--zoom:0.75;' id='zomr'><iframe scrolling='no' id='zomf' src='https://acmewidgets.neocities.org/litebrite/litebrite'></iframe></div>

21. WebGL Samples

This part will be different from most of the widgets on this page. All of the following are from WebGL Samples. I don't reccomend adding multiple of these to your site (Or on the same page). Also I coded the iframe myself. The code might not be represtative of how the creator wants them to be displayed. Also, most of these will use the zoom API, like the ones above. Although, all of the ones using the zoom API will have an altenative version without the API. This part does get a bit laggy. Anyways, enjoy all of these WebGL Samples.

21.01 Aquarium

<div style='--zomw:200000px;--zomh:175000px;--zoom:0.002;' id='zomr'><iframe scrolling='no' id='zomf' src='https://webglsamples.org/aquarium/aquarium.html'></iframe></div> <iframe id='toppi' src='https://webglsamples.org/aquarium/aquarium.html' height='350' width='400'></iframe>

Disable/Enamble Fire Font