leerob.io
next-themes
Our great sponsors
leerob.io | next-themes | |
---|---|---|
59 | 22 | |
6,834 | 4,381 | |
- | - | |
8.7 | 7.8 | |
8 days ago | 11 days ago | |
MDX | TypeScript | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
leerob.io
-
Upgrade my blog to Next.js 13.4 with MDX, Prisma, Tailwindcss, Planetscale, Giscus and Contentlayer
Shen Lu's portfolio, inspired by leerob.io.
-
Next.js 13.4.8
This might be due to implementation. The same pattern on my site (without the entry/exit animation) is working as expected. http://leerob.io/
-
Looking for Minimal portfolio website template
Something like https://leerob.io/
-
Torn over personal minimalist aesthetics vs modern web design
Hey OP, I think Lee Robinson's Portfolio would be great middle ground between these. Check it out https://leerob.io/
- Could you please suggest some Next.js project source codes, preferably v12 or fewer, that I can use to learn from?
- WebDev: Ce ar trebui sa incep sa invat: Next.JS 12 vs Next.JS 13
-
I just redesigned two of my websites inspired by Lee Rob
So, while looking for websites to get inspired on, I found Lee Rob's website and I was amazed by how minimal and beautiful it is!
-
My portfolio built with Next.js, TypeScript, Firebase, and Vercel ✨
You've forked the site from leerob.io, no wonder it seemed to familiar lol
-
I made a full-stack portfolio site using Next.js and Tailwind!
The initial idea I had in my mind was a very minimal site with a minimal navbar that would look more like a sidebar, and the design would be somewhat inspired by leerob’s site. Apart from this, I also wanted my site to display some cool dynamic and real-time data like my Spotify data, my blog posts fetched from dev.to and a guestbook where people could leave messages for me!
-
Flutter Portfolio Suggestions
Here's mine, though still very unstable especially on mobile, design inspired by Leerob.
next-themes
-
Task tracker application using NextJS and SurrealDB
Next themes is used for themes switching
-
Introducing Shadcn UI: A reusable UI component collection
Shadcn UI supports dark mode for Next.js and Vite applications. For Next.js applications, Shadcn UI uses next-themes for the dark mode toggling functionality. When a user toggles between light and dark mode, the application switches between the light and dark theme tokens.
-
Implementing Tailwind CSS Dark Mode Toggle with No Flicker
Let’s start with Next.js. We’ll use the next-themes package, which allows us to handle dark mode very easily without worrying about blocking page rendering to check user preferences.
-
How to Build a Developer Blog using Next JS 13 and Contentlayer - Part three
"use client"; import React from "react"; import { ThemeProvider as NextThemesProvider } from "next-themes"; import { ThemeProviderProps } from "next-themes/dist/types"; // https://github.com/pacocoursey/next-themes/issues/152#issuecomment-1364280564 // needs to be called NextThemesProvider not ThemesProvider // not sure why export function Providers(props: ThemeProviderProps) { return ; }
-
Step-By-Step Guide to Adding Dark Mode and Multiple Themes to Your Next.js App
Next themes
- NextJs Portfolio
- How to avoid UI flickering with darkmode ?
-
No-brainer Dark Mode for Next.js
It is that simple. It has 74,528 weekly npm downloads and if it's good enough for @leeerob, it's good for me too. Get creative with your loading state and toggle button (or not && KISS). Check out their next-themes GH repo for more info.
-
Mantine 5.0 is out – 140+ hooks and components with dark theme support
also: https://github.com/pacocoursey/next-themes
-
Help me reach Lighthouse 100 performance score
i usually use https://github.com/pacocoursey/next-themes when dealing with themes, it doesnt flash
What are some alternatives?
nextjs-notion-starter-kit - Deploy your own Notion-powered website in minutes with Next.js and Vercel.
Next.js - The React Framework
HULL - 💀 Headless Shopify Starter – powered by Next.js + Sanity.io
tailwindcss-theme-swapper - A helper for getting tailwind values into css custom properties and switching them between media queries and classes. You can try it out here: https://play.tailwindcss.com/Gt21fePNvv
react-syntax-highlighter - syntax highlighting component for react with prismjs or highlightjs ast using inline styles
tailwind-with-css-variables - Repo for the Blog 'Using CSS variables with TailwindCSS'
fontsource - Self-host Open Source fonts in neatly bundled NPM packages.
use-dark-mode - A custom React Hook to help you implement a "dark mode" component.
tailwind-nextjs-starter-blog - This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.
darkmode-nextjs-tailwind
react-code-blocks - React code blocks and code snippet components
next-typescript-tailwind-mdx-starter - Opinionated Next.js Starter with TypeScript, Tailwind, MDX, and decent SEO