Web Toolbox (w-t.xyz) is a collection of tools
to help you create online, created by 17-yo maker Brendan Hersh.

Here's what we have to offer:

About - Terms

Click Counter

Each click of the button below will add one to your total. Refresh to reset.

0

.txt Notepad

Change file.txt to any name/extension and put your text in the box below.
Click 'Download' to save.
Supported file types include: .txt .c .css .csv .html .js .svg



String Length

Enter your text and press "Calculate" to find the number of characters in a given block of text (including spaces and special characters).




UI Palettes

Here are some of the color palettes I use for my personal projects. Enjoy! 🎨

Discord Palette*

#7289DA

#99AAB5

#2C2F33

#23272A

Space Mono Palette*

#FF7276

#FFD635

#00B796

#009ACE

Abstract Palette*

#00E9FF

#0400C3

#FF00B8

#B300B8

Web Toolbox Palette

#FFFFFF1F

#FFFFFF21

#21D4FD

#8A2CE8

Button Styles

Use these CSS rules to give your site's buttons extra character.
Add just certain effects to your buttons or use complete pre-made buttons.

How do I use these?
Add this code in between the <head> and </head> tags on your website:

<link rel="stylesheet" type="text/css" href="http://cdn.brendanhersh.com/web-toolbox/button-styles.css">

The stylesheet weighs only ~3.1 kb, it will not slow your site's loading by any visible amount.



Try out all the different button styles below. To use one of them, copy the ID below each button and apply it to your button in your code.


For instance, this was your button's code before:
<a class="button">Click Me</a>


Add id="fx_XXXXX" inside the first tag, like this.
Change fx_XXXXX to the button effect you chose.

<a class="button" id="fx_XXXXX">Click Me</a>


Just Effects (just adds hover and click effects, no style)

fx_hover

fx_shadow

fx_raise

fx_tilt

Full Presets (includes style, hover, and click effects)


fx_gradient

Lorem Ipsum

Lorem ipsum dolor sit amet... is sample text used by programmers and designers to show how text will look. Copy/paste as much as you need!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis lacus eget tellus varius auctor. Integer urna ligula, dignissim lobortis tellus vel, mollis pharetra nunc. Vestibulum tempus neque in enim auctor, id vestibulum ante posuere. Pellentesque condimentum dapibus metus, nec rutrum nisi aliquam quis. In fringilla dui ut augue lacinia, ac tempor leo dictum. Nam ullamcorper tellus sit amet nibh hendrerit, et sodales nisl commodo. Etiam ornare elementum malesuada. Etiam non consequat risus. Praesent sed mollis nibh, vel placerat quam. Suspendisse consectetur augue est, nec lacinia arcu cursus ac. Vestibulum ex nulla, hendrerit nec bibendum a, congue vitae enim. Donec vestibulum sapien id mollis bibendum. Curabitur fringilla mauris in sem dapibus tincidunt.



Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris interdum sagittis faucibus. Donec sit amet aliquet augue, ac pharetra mi. Etiam diam metus, auctor vitae erat sit amet, fermentum tempus velit. Aenean iaculis, urna vel vestibulum facilisis, arcu felis facilisis quam, id pulvinar nunc nibh quis mauris. Vivamus pellentesque velit ac malesuada venenatis. Donec mauris diam, venenatis vel justo malesuada, eleifend porta neque. Proin sollicitudin, eros at dapibus pharetra, ex ante tempor felis, vel accumsan sem velit sit amet elit. Nunc augue ipsum, volutpat a magna id, convallis pretium nunc. Aliquam justo nisl, lacinia tincidunt dapibus eu, semper eget tortor.




Nunc ut magna leo. Aliquam erat volutpat. Vivamus orci orci, gravida et mauris in, rhoncus fringilla quam. Aenean consequat, diam et cursus lacinia, ligula lorem euismod elit, in venenatis metus lacus non metus. Vestibulum molestie magna sit amet lorem congue pellentesque. Cras ac felis dignissim, tempus risus ut, bibendum ipsum. Ut varius dignissim arcu, eu interdum erat vehicula sed. Aliquam erat volutpat. Aenean sed purus nisi. Praesent ex nulla, hendrerit eget aliquam non, iaculis eget nisl. Curabitur non leo risus. Donec a pulvinar erat. Sed eu consectetur est, ac efficitur dui. Curabitur lorem ipsum, dictum rutrum efficitur finibus, ultrices eget mauris. Praesent magna diam, tempus in lobortis eu, congue vitae felis. Vivamus maximus rutrum mauris sit amet ultrices.




Ut pellentesque iaculis tortor. Cras a libero eu mauris ultrices tempus. Vivamus leo metus, venenatis in est ac, ultricies semper ipsum. Mauris molestie orci at augue finibus egestas. Nullam cursus, orci non venenatis faucibus, metus sapien tincidunt magna, ut pulvinar nisl tellus nec lectus. Fusce nec tortor ultricies, gravida velit vitae, ultricies dolor. Sed dapibus ligula cursus leo varius vulputate. Donec fermentum justo sit amet diam viverra accumsan. Nulla quis dignissim felis, id lacinia enim. Cras volutpat arcu sapien, non aliquet tellus viverra et. Nullam in sollicitudin dolor, venenatis laoreet est. Etiam commodo suscipit leo nec hendrerit. Aliquam in risus euismod, consequat turpis eu, porttitor justo. Vivamus sapien nisl, tempor ut tellus nec, efficitur luctus erat. Aenean blandit purus dignissim, dignissim massa non, dictum ligula.




Quisque id vehicula quam. Suspendisse aliquet dolor eget erat pulvinar lobortis. Fusce sagittis finibus velit at sollicitudin. Sed vitae urna non sem accumsan condimentum. Maecenas et enim lacinia, auctor ante vitae, aliquam risus. Proin velit eros, laoreet mollis eros a, iaculis consequat nibh. Vestibulum sem enim, congue a urna ornare, rhoncus dapibus massa. Donec aliquet nisi maximus, sodales ipsum vel, vulputate metus. Nulla id tellus sed libero molestie egestas ac ac dolor. Suspendisse eu faucibus erat. Aliquam maximus cursus mauris sit amet elementum.

289


Brendan Hersh is a homeschooled student who has always loved computers and technology. He opened his first web store when he was 8 and is now building websites, creating online content, and digital/print design for clients. He has also taught HTML/CSS classes and has appeared multiple times on HLN for tech reviews.

Web Toolbox has been an idea of mine for well over a year. I continuously needed basic tools for my other projects online like a click counter or a tool to find how many characters are in a string of text, but when I went to look for these tools, they were hidden behind terribly designed and hard-to-use UIs.

I decided to try my hand at making my own and it turned out better than I had expected! The first tool was the click counter, which I was able to make with some simple JS, basic HTML, and Carrd by @ajlkn.
by the way he's super cool go check him out

I ended up finishing the site in under a month for the .xyz website creation contest. I started on July 1st and finished on July 30th, as the contest required it to be built in under a month. Even beyond the contest, I will continue to develop and work on these features!

Please consider donating if you love Web Toolbox! I never run ads on any of my websites and they are all paid for out-of-pocket.
It's very appreciated! ❤️