DEV Community

Cover image for My React components repository
Guim
Guim

Posted on • Edited on

My React components repository

Hey there, I just uploaded a Github repository in which I'll be uploading some of the React components I use the most. Most of them are made by me, others from Internet code but with own modifications.

Go to the repo!

The components

Here you have a complete list of all the components. As I upload new components I will update the list.

Usage

You can browse this repo online or download it and run it to see a live demo of all of the components. There's a server with one root route which contains all components. Follow these steps:

  1. Clone the repo by typing: git clone https://github.com/GuimG/my-react-components.git.
  2. Go into the folder in your terminal and run the app by typing: npm run start.
  3. Go to your browser and search for: http://localhost:3000.

Now you can see all of the components in your browser. There's a title on each one (except for the navbar which is fixed in all the page). If you like some specific component search it in the components folder by its title.

Last words

Hope this helps you. If you want any component in specific and it's not here, leave a comment and I'll try to do it ASAP.

Top comments (6)

Collapse
 
frogthanos profile image
Athanasios

Nice! :)

Would be cool if you could add small gif previews of the components, just to show them off.

Collapse
 
guimg profile image
Guim

Thanks! πŸ˜ƒ

Yes good idea. Do you know some tool to make gifs? I've never made one.

Collapse
 
invot profile image
invot

screentogif.com/ -- hopefully someday greenshot will become one with this program

Thread Thread
 
guimg profile image
Guim

Done βœ…
Since Screentogif is for Windows, I used Giphy Capture for mac and it works incredible. I recommend it to anyone who wants to record the screen into gif's. Here's the link itunes.apple.com/us/app/giphy-capt...

Thread Thread
 
myterminal profile image
Mohammed Ismail Ansari

A little too late to the party: How about licecap? I've been using it since a while now and it's awesome!

Collapse
 
invot profile image
invot

I was going to say this or just host an example on github.