├── README.md └── media ├── next-js-template-argon-dashboard.png ├── next-js-template-material-dashboard.png ├── next-js-template-material-kit-screen-cards.png ├── next-js-template-material-kit-screen-login.png ├── next-js-template-material-kit-screen-team.png ├── next-js-template-material-kit-screen-user.png ├── next-js-template-material-kit.png ├── next-js-template-notus-tailwind-css.png └── next-js-templates-intro.gif /README.md: -------------------------------------------------------------------------------- 1 | # [Next.js Templates](https://github.com/ui-themes/next-js-templates) 2 | 3 | This README presents a curated list with [Next.js Templates](https://github.com/ui-themes/next-js-templates), the popular React Framework used to build blazing fast web apps and static sites. For newcomers, **Next.js** is a complete full-stack framework built on top of React.js useful to build static sites, APIs, and even full-stack applications. A curated list with **NextJS Templates** - a popular framework built on top of React. 4 | 5 |
6 | 7 | ## ✨ [NextJS Material Dashboard](http://bit.ly/2Ko0Mb8) 8 | 9 | NextJS Material Dashboard is a free Material-UI, NextJS and React Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. NextJS Material Dashboard was built over the popular Material-UI, NextJS and React frameworks. 10 | 11 | - 👉 [NextJS Material Dashboard](http://bit.ly/2Ko0Mb8) - product page 12 | - 👉 **[NextJS Material Dashboard PRO](http://bit.ly/2INGVl0) - premium version** 13 | 14 | ![Next.js Template - NextJS Material Dashboard (Free Product).](https://raw.githubusercontent.com/ui-themes/next-js-templates/main/media/next-js-template-material-dashboard.png) 15 | 16 |
17 | 18 | ## ✨ [Flexy Free NextJS](https://www.wrappixel.com/templates/flexy-next-js-free-admin-template/?ref=157) 19 | 20 | Flexy Free Nextjs version is built with Most Popular Framework React Material-UI. 21 | 22 | - 👉 [Flexy Free NextJS](https://www.wrappixel.com/templates/flexy-next-js-free-admin-template/?ref=157) - product page 23 | - 🎁 More [NextJS Templates](https://www.wrappixel.com/templates/category/nextjs/?ref=157) crafted by WrapPixel 24 | 25 | The free product comes with an elegant grid design that helps you play around with the look and feel of the web app the way you want. it's a carefully hand-crafted minimal admin template, It's built with modular and modern design. 26 | 27 | ![Flexy Nextjs (Free Template) - Charts Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i6n0o2xfcdt8fw3chx53.png) 28 | 29 |
30 | 31 | ## ✨ [NextJS Argon Dashboard](https://bit.ly/3mkzRKu) 32 | 33 | NextJS Argon Dashboard is built with 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. 34 | 35 | - 👉 [NextJS Argon Dashboard](https://bit.ly/3mkzRKu) - product page 36 | - 👉 **[NextJS Argon Dashboard PRO](http://bit.ly/2LwP7Hj) - premium version** 37 | 38 | ![Next.js Template - NextJS Material Dashboard (Free Product).](https://raw.githubusercontent.com/ui-themes/next-js-templates/main/media/next-js-template-argon-dashboard.png) 39 | 40 |
41 | 42 | ## ✨ [Notus NextJS](http://bit.ly/2Lyr9vn) 43 | 44 | Start your development with a Free Tailwind CSS and NextJS UI Kit and Admin. Let Notus NextJS amaze you with its cool features and build tools and get your project to a whole new level. 45 | 46 | Fully Coded Components Notus NextJS is built with over frontend 100 individual components, giving you the freedom to choose and combine. All components can take variations in colors that you can easily modify using Tailwind CSS classes (NOTE: each time you add a new class, a class that does not exist in `assets/styles/tailwind.css`, you will need to compile again tailwind). 47 | 48 | - 👉 [Notus NextJS](https://bit.ly/2Lyr9vn) - product page 49 | - 👉 More **[NextJS Templates](https://bit.ly/3noTq5Q)** - provided by Creative-Tim 50 | 51 |
52 | 53 | ![Next.js Template - Notus, crafted with Tailwind CSS (Free Product).](https://raw.githubusercontent.com/admin-dashboards/react-dashboards/master/media/notus-react-tailwind-intro.gif) 54 | 55 |
56 | 57 | ## ✨ [NextJS Template - Horizon](https://horizon-ui.com/horizon-ui-chakra-nextjs) 58 | 59 | This product comes with a nice & modern design crafted in React & NextJS on top of Chakra framework. If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project. 60 | 61 | - 👉 [NextJS Template - Horizon](https://horizon-ui.com/horizon-ui-chakra-nextjs) - `LIVE demo` 62 | - 👉 [NextJS Material Kit](https://github.com/horizon-ui/horizon-ui-chakra-nextjs) - `source code` 63 | 64 | ![NextJS Template - Horizon (open-source starter).](https://user-images.githubusercontent.com/66874646/197583247-6ec62f30-ff34-49cb-8c5c-6f1895d49d7d.png) 65 | 66 |
67 | 68 | ## ✨ [NextJS Template - Material Kit](https://bit.ly/37l2piJ) 69 | 70 | NextJS Material Kit is a Free Material Design Kit made for NextJS, React and Material-UI. NextJS Material Kit is built with over 100 individual frontend elements, giving you the freedom of choosing and combining. 71 | 72 | > **Features**: `TypeScript`, `Up-to-date` modules, `Deploy` buttons for `Netlify` and `Vercel` 73 | 74 | - 👉 [NextJS Material Kit](https://bit.ly/37l2piJ) - `LIVE demo` 75 | - 👉 [NextJS Material Kit](https://github.com/app-generator/nextjs-material-kit) - `source code` 76 | 77 | ![Next.js Template - Material Kit React (Free Product).](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u04lxrx85wbr9y2xk9kv.png) 78 | 79 |
80 | 81 | ## **What is NextJS** 82 | 83 | NextJS comes with an impressive set of features, almost ZERO configuration. A few reasons to use NextJS ar at least play a bit with this framework: 84 | 85 | - Built on top of React. If you are a React developer, the learning curve might be shorter 86 | - Internationalization - A feature heavily used in eCommerce products (not only) 87 | - SSG, SSR supported by default. No tweaks or hacking required. 88 | - Other goodies: Code-splitting, File-system routing, fast refresh 89 | 90 | For more information feel free to access the official website: 91 | 92 | - [NextJS](https://nextjs.org/) - official website 93 | - [NextJS Documentation](https://nextjs.org/docs/getting-started) 94 | 95 |
96 | 97 | --- 98 | [Next.js Templates](https://github.com/ui-themes/next-js-templates) - content provided by [AppSeed](https://appseed.us/) 99 | -------------------------------------------------------------------------------- /media/next-js-template-argon-dashboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-themes/next-js-templates/56c438a9c72dda9f32a11525e09b912a5557fc70/media/next-js-template-argon-dashboard.png -------------------------------------------------------------------------------- /media/next-js-template-material-dashboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-themes/next-js-templates/56c438a9c72dda9f32a11525e09b912a5557fc70/media/next-js-template-material-dashboard.png -------------------------------------------------------------------------------- /media/next-js-template-material-kit-screen-cards.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-themes/next-js-templates/56c438a9c72dda9f32a11525e09b912a5557fc70/media/next-js-template-material-kit-screen-cards.png -------------------------------------------------------------------------------- /media/next-js-template-material-kit-screen-login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-themes/next-js-templates/56c438a9c72dda9f32a11525e09b912a5557fc70/media/next-js-template-material-kit-screen-login.png -------------------------------------------------------------------------------- /media/next-js-template-material-kit-screen-team.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-themes/next-js-templates/56c438a9c72dda9f32a11525e09b912a5557fc70/media/next-js-template-material-kit-screen-team.png -------------------------------------------------------------------------------- /media/next-js-template-material-kit-screen-user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-themes/next-js-templates/56c438a9c72dda9f32a11525e09b912a5557fc70/media/next-js-template-material-kit-screen-user.png -------------------------------------------------------------------------------- /media/next-js-template-material-kit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-themes/next-js-templates/56c438a9c72dda9f32a11525e09b912a5557fc70/media/next-js-template-material-kit.png -------------------------------------------------------------------------------- /media/next-js-template-notus-tailwind-css.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-themes/next-js-templates/56c438a9c72dda9f32a11525e09b912a5557fc70/media/next-js-template-notus-tailwind-css.png -------------------------------------------------------------------------------- /media/next-js-templates-intro.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-themes/next-js-templates/56c438a9c72dda9f32a11525e09b912a5557fc70/media/next-js-templates-intro.gif --------------------------------------------------------------------------------