ospress
Tailwind CSS
ospress | Tailwind CSS | |
---|---|---|
3 | 1,300 | |
7 | 79,776 | |
- | 1.8% | |
0.0 | 9.4 | |
almost 2 years ago | 3 days ago | |
JavaScript | TypeScript | |
- | 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.
ospress
-
Finally redesigned my personal site, would love to hear thoughts/critique!
Oh right, writing is hosted externally on a platform I built (https://ospress.co). The theming changes because the writing site uses prefers-color-scheme. I'll use that for my personal site as well, so the difference is not as jarring.
-
I created a blogging platform
Iam not familiar with firebase but do you usually expose your api information to the web?
Tailwind CSS
-
Every Next.js website is starting to look the same
First of, I got to point out, I love Next.js. It's my go to framework whenever I start a new web project, no other JS framework allows you to build something beautiful that quickly. But quickly is exactly the issue. If you want to build something quickly it's going to come with some trade offs. If you are working with Next.js, when starting a project you'll probably start with some boilerplate or a template, seems like industries are popping up around Next.js boilerplates nowadays. Next (.js), you'll probably use Tailwind CSS and some component library, most probably shadcn/ui. All of these solutions are great, but, as more developers gravitate towards these ready-made components, the individuality of websites diminishes, leading to a sea of sites that look and feel the same. Something like shadcn/ui is completely customizable, but if you want to finish a website quickly, you probably won't spent that much time on customization, if you are not working strictly by design.
-
A tale about migrating a 200 entries Gatsby blog untouched for 3 years to Astro
First of all, as the codebase was quite old and as I didn't want to bring more tech than what was required, I started to migrate my few React components on Gatsby from StyledComponent (a great CSS-in-JS solution) to Tailwind CSS. Mostly because I wanted to see if I could measure the impact of moving from CSS-in-JS to pure CSS. The second goal was to allow Astro to run without client-side JS. To do so, I either needed to set up StyledComponent in Astro or migrate to Tailwind. Tailwind is documented and largely used on most projects now, and I was curious about the performance impact.
-
Tailwind CSS vs. Radix UI: Which One Should You Choose for Your Next Project?
With Tailwind CSS, you can create unique designs without ever leaving your HTML thanks to its utility-first CSS framework, which offers low-level utility classes.
-
Building a serverless connected BBQ as SaaS - Part 2 - User Creation
Let us now start creating our dashboard, that we will continue building on in this series. The dashboard is a react app created with create-react-app. For styling we will use Tailwind CSS.
-
Create A YouTube Homepage Clone in Tailwind CSS and ReactJS
Creating a clone of the YouTube homepage can be both enjoyable and helpful for enhancing your front-end development skills. This project offers a chance to work on a familiar design while getting practical experience with commonly used tools like Tailwind CSS and React.js. It also helps you understand how modern web applications are structured and styled.
-
Tailwind CSS vs. Shadcn: Which Should You Choose for Your Next Project?
Tailwind is a CSS framework that prioritizes utility.
-
How I shipped an event registration site in just 1 week with Nuxt, Directus, OpenAI, and TailwindCSS
styling - Nuxt UI and Tailwind CSS
-
4 Free Tailwind CSS Badge Components [Open-Source]
I prepared a list of open-source badge components coded with Tailwind CSS and Material Tailwind.
-
Playing around with Hotwire ⚡️
I won't take credit for the re-design though. If you're using the Tailwind CSS Library you should checkout Tailwind UI. It's helped me scaffold a few components and pages quite easily, without having a designer onboard.
-
React with Tailwind CSS Skeleton Loader Example
Tailwind CSS (tailwindcss.com)
What are some alternatives?
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
antd - An enterprise-class UI design language and React UI library
unocss - The instant on-demand atomic CSS engine.
windicss - Next generation utility-first CSS framework.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
vuetify - 🐉 Vue Component Framework
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
element-plus - 🎉 A Vue.js 3 UI Library made by Element team
Bulma - Modern CSS framework based on Flexbox
esbuild - An extremely fast bundler for the web