open-react-template
awesome
open-react-template | awesome | |
---|---|---|
36 | 145 | |
3,432 | 300,466 | |
1.8% | - | |
3.4 | 7.3 | |
17 days ago | 6 days ago | |
TypeScript | Shell | |
- | Creative Commons Zero v1.0 Universal |
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.
awesome
-
AI-generated content, other unfavorable practices get CNET on Wikipedia banlist
In the days before "google it" was a synonym for "find it", we had different curated link sites, and even pyhsical magazines with hand-curated lists of links that people interested in a certain topic might find interesting. This still exists today in some forms, for example the "awesome lists" that you see for some programming topics, for example https://github.com/sindresorhus/awesome .
Just like there was a time when 90%-99% of all email traffic was viagra spam, I imagine in the future most of the internet by volume will be AI-generated trash, and those in the know will still circulate lists of where the other 1% can be found.
An even brighter scenario is that someone, maybe a kid tinkering in their garage, figures out how to make a search engine that finds the good stuff, doesn't immediately die to AI bot farms' SEO efforts, and is financially viable.
-
Resources I wish I knew when I started my career
2. Awesome Lists
-
The Top 10 GitHub Repositories Making Waves ๐๐
Software Engineering Blogs
-
Kyutai AI research lab with a $330M budget that will make everything open source
He appears to be the original creator of the โAwesome Xโ repo: https://github.com/sindresorhus/awesome
-
โจ7 Github Repositories to Master React
Awesome React
-
Do you know any books about programming worth reading?
I'm just going to leave this here: awesome git repo
-
No More Problems With GitHub Issues
You don't need any particular requirement to consult issues section on GitHub. If you need a place to follow along this post, my chosen repository for today's blog post is Awesome.
-
Artist for Hire?
I have an awesome list GitHub repository that needs a few icons & a banner made. I was wondering if any students in graphic design would be willing to commission a few for me? I'm willing to pay either hourly, or by the project and can pay cash or venmo. Note that the art will end up as CC0, so you'd essentially be waiving any right to the artwork.
-
Pulling my site from Google over AI training
yah, come to think of it in the curated space, this reminds me of that awesome X family of github pages. Looks like someone compiled a bunch of them here https://github.com/sindresorhus/awesome#databases. I have found those to be highly valuable treasure troves pregnant with rich and relevant information.
-
Top 10 "Must Have" Repositories for Web Developers
10. Awesome
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.
free-for-dev - A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
nord - An arctic, north-bluish color palette.
daisyui - ๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
React-Landing-Page-Template - A simple react one page landing page templates for startups/companies
vitepress - Vite & Vue powered static site generator.
ouibounce - Increase your landing page conversion rates.
MacType-Profile - Best mactype experience
react-nice-resume - A React.js Nice Resume Template
TOAST UI Editor - ๐๐ Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
Landing-Page - Tailwind CSS Starter Template - Landing Page
developer-roadmap - Interactive roadmaps, guides and other educational content to help developers grow in their careers.