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.
The components
Here you have a complete list of all the components. As I upload new components I will update the list.
Navbar: Sticky navbar that hides when scrolling down.
Loading Indicator: Loading indicator with only CSS.
Flipping Cards: Cards that flip when click.
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:
- Clone the repo by typing:
git clone https://github.com/GuimG/my-react-components.git
. - Go into the folder in your terminal and run the app by typing:
npm run start
. - 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)
Nice! :)
Would be cool if you could add small gif previews of the components, just to show them off.
Thanks! 😃
Yes good idea. Do you know some tool to make gifs? I've never made one.
screentogif.com/ -- hopefully someday greenshot will become one with this program
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...
A little too late to the party: How about licecap? I've been using it since a while now and it's awesome!
I was going to say this or just host an example on github.