9 Cool React & React Native Examples: websites, applications, and experiments
Tags: reactnative, react, webdev, design
Published: 2019-11-19 08:21:25

A collection of websites and applications using the React or React Native JavaScript library:

####**[Argon React Native] (https://www.creative-tim.com/product/argon-react-native?ref=devto)**

![Argon React Native] (https://blog.creative-tim.com/wp-content/uploads/2019/05/opt_arn_thumbnail.jpg)
Argon React Native is a fully coded app template built over [Galio.io] (https://galio.io/?ref=devto), _React Native_ and _Expo_ to allow you to create powerful and beautiful e-commerce mobile applications. We have redesigned all the usual components in Galio to make it look like our argon design, minimalistic and easy to use. Start your development with a badass Argon UI Kit for React Native inspired by Argon Design System. If you like our Argon Design System, you will love this react native app template! It features a huge number of components and screens built to fit together and look amazing. Argon React Native it’s an Open Source product, see the github repo [here](https://github.com/creativetimofficial/argon-react-native).


####**[BLK • Design System PRO React] (https://www.creative-tim.com/product/blk-design-system-pro-react?ref=devto)**
BLK Design System PRO features over 1100 individual components, 43 sections and 17 example pages giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files.
![BLK • Design System PRO React] (https://blog.creative-tim.com/wp-content/uploads/2019/04/opt_blkp_react_thumbnail.jpg)
You will save a lot of time going from prototyping to full-functional code because all elements are implemented. This Design System is coming with prebuilt examples, so the development process is seamless, switching from our pages to the real website is very easy to be done.


####**[Argon Design System React] (https://www.creative-tim.com/product/argon-design-system-react?ref=devto)**
Argon Design System React features over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files.

Every element has multiple states for colors, styles, hover, focus, that you can easily access and use.
![Argon Design System React] (https://blog.creative-tim.com/wp-content/uploads/2019/04/opt_argon_react_thumbnail.jpg)


####**[BLK Design System React] (https://www.creative-tim.com/product/blk-design-system-react?ref=devto)**
Start your development with a **Black React Design System for Bootstrap 4 (Reacstrap)**. It is open source, developed using [create-react-app] (https://github.com/facebook/create-react-app), it is free and it features many components that can help you create amazing websites.
![BLK Design System React] (https://blog.creative-tim.com/wp-content/uploads/2019/02/opt_blk_react_thumbnail.jpg)

####**[Pepperoni] (https://madewithreact.com/pepperoni-react-native/)**
Pepperoni is a blueprint for building cross-platform mobile experiences rapidly with ready-to-use integrated building blocks for common mobile app features.
The Pepperoni blueprint is crafted on a solid foundation using modern architecture and industry best practices.
![Pepperoni] (https://blog.creative-tim.com/wp-content/uploads/2019/02/Captur-de-ecran-din-2019.02.04-la-18.02.27-1024x352.png)

####**[Black Dashboard React] (https://www.creative-tim.com/product/black-dashboard-react?ref=devto)**
Black Dashboard React is a beautiful Bootstrap 4, Reacstrap, and React Admin Dashboard with a huge number of components built to fit together and look amazing. This product features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can take variations in color, that you can easily modify using SASS files. We thought about everything, so this dashboard comes with 2 versions, Dark Mode and Light Mode.
![Black Dashboard React] (https://blog.creative-tim.com/wp-content/uploads/2019/02/opt_bd_react.jpg)

####**[React] (https://madewithreact.com/react-fullpage-official-react-fullpage-component/) fullpage – official react-fullpage component**
What is React fullpage.js?

The library provides a straightforward way to create full-screen auto scrolling websites. A task that can seem simple initially but that gets quite complicated once you start covering issues such as browsers compatibility, touch devices, kinetic trackpad scrolling, URL linking, accessibility, responsiveness, callbacks, etc.
![React] (https://blog.creative-tim.com/wp-content/uploads/2019/02/Screen-Shot-2018-11-29-at-18.21.17.png)

####**[Galio Framework] (https://galio.io/?ref=devto)**
Galio is a 100% free and open source project, under MIT License.

It will always remain free to use, powered by a massive worldwide community. Carefully crafted. Ready to use components, typography, and a gorgeous base theme that adapts to each project. You’ll be building in style. Built with real app examples, component demos, guides, and how-to’s to get you up and running with mobile apps faster than ever before.
![Galio Framework] (https://blog.creative-tim.com/wp-content/uploads/2019/02/galio_thumbnail.jpg)

####**[Argon Dashboard PRO React] (https://www.creative-tim.com/product/argon-dashboard-pro-react?ref=devto)**
Argon is a completely new product and it is built on our newest re-built from scratch framework structure that will make our products more intuitive, more adaptive and, needless to say, so much easier to customize. Let Argon amaze you with its cool features and build tools and get your project to a whole new level.
![Argon Dashboard PRO React] (https://blog.creative-tim.com/wp-content/uploads/2019/04/opt_adp_react_thumbnail.jpg)
You will save a lot of time going from prototyping to full-functional code because of all the implemented elements. This Dashboard comes with pre-built examples, so the development process can be seamless. So, switching from our pages to the real website is easy. Every element contains multiple states for colors, styles, hover, focus, that you can easily access and use.