React Playground

Blog Page

Welcome to the React Playground Blog Page. Scroll down to see some of my favorite tools and technologies. For random JavaScript, go down to the Beautiful Nothing section below.

4.9m Shares
facebook sharing button Share
twitter sharing button Tweet
linkedin sharing button Share
pinterest sharing button Pin
email sharing button Email
sharethis sharing button Share


Peek-a-Boo!

React Bootstrap

The most popular front-end framework Rebuilt for React.

React-Bootstrap replaces the Bootstrap JavaScript. Each component has been built from scratch as a true React component, without unneeded dependencies like jQuery.

As one of the oldest React libraries, React-Bootstrap has evolved and grown alongside React, making it an excellent choice as your UI foundation.

Enter Carousel
React Animate On Scroll

React component that provides animations when the user scrolls. It animates elements on scroll with Animate.css. Properties include animateIn, delay, and animateOnce.

Enter Carousel
Lightbox

The original lightbox script, by Lokesh Dhakar. Eight years later — still going strong!

Lightbox is a small javascript library used to overlay images on the current page. It's a snap to set up and works on all modern browsers.

Enter Examples
Animate.css

Just-add-water CSS animations.

A library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

Enter
React-Spring

Bring your components to life with simple spring animation primitives.

React-spring is a spring-physics based animation library that should cover most of your UI related animation needs. It gives you tools flexible enough to confidently cast your ideas into moving interfaces.

Enter
React-Scroll-Up-Button

React component for a fixed scroll to top button.

The default button can be used, or it can be customized to look like any button you want. The component contains all the code neccassary to scroll to the top of the page (or desired position) utilizing easing effects.

Different styles have been added that you can copy and paste into this component to quickly acheive a style you can appreciate and fits your websites look and feel.

Enter
Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Beautiful Nothing

Welcome to Beautiful Nothing. Here you will find random JavaScript things that don't do much.

Thing 1

Here is some random thing happening. Click on the button and be prepared to be unamazed.

Thing 2

Take part in a completely uneventful conversation. You'll be amazed how much nothing happens.

Number Thing

This is a game where you have to guess the number. It's easy. Play it now.

Add the URL and the name of the website you want to save. A button will appear to the right for easy access.
Welcome to your very own to do list. Add tasks so that you remember to do them.
To Do List
Turn sound on for full effect.
React Playground