open-react-template
nord
Our great sponsors
open-react-template | nord | |
---|---|---|
36 | 81 | |
3,415 | 5,938 | |
3.9% | 0.7% | |
4.1 | 1.7 | |
9 days ago | 6 months ago | |
TypeScript | SCSS | |
- | 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.
open-react-template
-
100+ FREE Resources Every Web Developer Must Try
Cruip
-
Create a Carousel with Progress Indicators using Tailwind and Next.js
In the second part of this tutorial, we've created a carousel with progress indicators using Tailwind CSS and Next.js. We've also learned how to make the component reusable across our entire application. If you want to see how to build a similar component with Alpine.js or Next.js, I recommend checking out the links below. We also recommend checking out our Tailwind templates if you're looking for similar high-quality components, pre-built, and professionally crafted by us.
-
Create a Carousel with Progress Indicators using Tailwind and Alpine.js
In this tutorial, we've seen how to make the most of Alpine.js to create an image carousel with progress indicators. Alpine.js's logic allowed us to build a modular carousel element, just like we would with React or Vue. If you found this tutorial helpful, make sure to take a look at our Tailwind HTML templates. They are all crafted using this incredible framework!
-
Creating a Tooltip-like Testimonial with Tailwind and Alpine.js
This tutorial is yet another demonstration of how powerful and versatile the Tailwind CSS + Alpine.js combo is. With just a few lines of code - all within the HTML document! - we have created an interactive, accessible, and responsive component. If you've found this tutorial useful, we recommend checking out our HTML templates built with Tailwind, all designed with Alpine.js. Feel free to experiment further, customize the component to suit your needs, and explore additional features that Tailwind CSS and Alpine.js have to offer. Happy coding!
-
Making a Text Scramble Animation with JavaScript
The text scramble effect is a cool animation that rapidly unveils text by randomly changing characters - just like those scenes in movies where hackers decode strings of text! Inspired by Evervault's blog, we'll make a navigation menu with that kind of effect when you click on links. Plus, we'll give you both light and dark versions of the menu, so you can integrate this example into any of our Tailwind templates.
-
Create a Gradient Text Reveal on Scroll with Tailwind CSS and JS
If you want your website to stand out from the others, you need to create interesting and engaging experiences. That's why we've been taking a more experimental approach in our latest tutorials. We hope you're enjoying this fresh perspective! Oh, and tell us if you'd like to see something similar in one of our Tailwind templates.
-
Building an Expandable Header with Tailwind CSS and Alpine.js
In this tutorial, we saw how easy it is to create an expandable header component using Alpine.js - without writing a single line of JavaScript, and using a CSS-only approach for animating the menu height. Hope you enjoyed this tutorial, and let us know if you want to see this component integrated into one our Tailwind templates!
-
How to Make a Stunning CTA Animation with Tailwind CSS
In all our Tailwind templates you'll find at least one Call To Action. We designed them in unlimited shapes and styles, with the ultimate goal of creating a connection between products and end users.
-
Create an Animated Gradient Text with Tailwind CSS
We at Cruip love gradients. We use them on many of our Tailwind CSS templates and tutorials, and we are constantly looking for new ways to add a bit of colour to our designs.
-
Build a Hoverable Dropdown Menu with Tailwind CSS and Alpine.js
If you liked this tutorial, you might want to check out our collection of Tailwind CSS tutorials, or our Tailwind CSS templates if you’re looking for ready-made templates or components.
nord
- What is this color theme ?
-
Love my Nord themed Pop OS <3
For color values, refer here, https://github.com/nordtheme/nord
-
Theme Spotlight: Dracula - A dark theme for 300+ apps
I'm more of a Nord kind of guy
-
Me logging into Master Duel during the Anniversary Update
It could have been a nord-like white, less blinding yet impressing anyway.
- The State and Roadmap of Nord
-
Just loving the nord theme
I would say the color theme and the background. All the colors are taken from this website https://www.nordtheme.com/
-
so vapourwave is associated with teal, that shade of pink and cyan. Similarly what's the word for white+grey+blue aesthetics?
NORD?
-
"Expanded" Nord Palette?
Not sure how much this will help, but the project maintainer gave this answer. https://github.com/arcticicestudio/nord/issues/130
-
A Nord Theme For Jellyfin
Hey there! I spent the last weekend making a custom theme for Jellyfin based on Nord. If you're interested or want to help test it, I have a PR open here: https://github.com/jellyfin/jellyfin-web/pull/4207
-
ChatGPT sucks at coding
I have spent hours over the pst two days trying to get it to write decent code. The first attempt was feeding it a css file for a theme for logseq. I asked it to swap the colors with colors from Nord theme. I was suprised it did it. And at fist glance it looked good. On a closer look I realized it was just replacing the color with a random color from Nord theme. Give in mind I was also feeding it documentation from Nord theme website and github repo. As well as example ports of the Nord theme for vscodium, neovim, emacs.
What are some alternatives?
landy-react-template - Landy is an open-source React landing page template designed for developers and startups, who want to create a quick and professional landing page for their business or project.
gruvbox - Retro groove color scheme for Vim - community maintained edition
React-Landing-Page-Template - A simple react one page landing page templates for startups/companies
spotify-tui - Spotify for the terminal written in Rust 🚀
ouibounce - Increase your landing page conversion rates.
onedark.vim - A dark Vim/Neovim color scheme inspired by Atom's One Dark syntax theme.
react-nice-resume - A React.js Nice Resume Template
vim - An arctic, north-bluish clean and elegant Vim theme.
Landing-Page - Tailwind CSS Starter Template - Landing Page
gruvbox - Retro groove color scheme for Vim
iceberg.vim - :antarctica: Bluish color scheme for Vim and Neovim
cava - Cross-platform Audio Visualizer