All Astro v7 + Tailwind CSS themes. Forever. $99 - Commercial license - GitHub repository access - All Astro themes - All Astro v7 + Sanity CMS v6 variants - Use in unlimited projects - New theme drops - Ongoing updates - Discord & Email support Available for personal use or agencies → lexingtonthemes.com

Before — After // Python

An open source React.js component library for beautifully shaded canvas, brought to you by Latent Cat. - uvcanvas .com

It can't get better than this...

Before — After // PHP Docs

Expected.

This week, @g_perales and I worked together on a tool for Tailwind CSS users. The tool lets you easily create grids for your Tailwind CSS projects, perfect for generating bento-style grids! It supports Tailwind CSS v3/v4 — oxbowui.com/free-tools/tailw…

Tired of Google Fonts?! Here is a list of Open-Source type foundries with stunning fonts ready to download for free and spice up your project. ⏤ collletttivo. it ⏤ tunera. xyz ⏤ anrt-nancy. fr/fr/fonts ⏤ uncut. wtf ⏤ theleagueofmoveabletype. com ⏤ losttype. com ⏤ design-research. be/by-womxn ⏤ fontspace .com ⏤ befonts. com ⏤ ffonts. net ⏤ freescriptfonts. net ⏤ fontsarena. com ⏤ 1001freefonts. com

Before — After // React

When Webflow developers style their cars.

Pricing.

Color & typography tools for web developers & digital designers ⏤ colorsandfonts. com

Hello @tailwindcss lovers! From today, there's 5 landing pages available on Windstatic, this are ready to copy-paste, 100% Free. - Portfolio - Agency - SaaS - App - Resume Get them on ⏤ windstatic.com/templates

Who said gradients were dead?

A list of tailwind css tools for colors: ⏤ uicolors.app/create ⏤ tints.dev ⏤ javisperez.github.io/tailwin… ⏤ adevade.github.io/color-sche… ⏤ colors.meidev.co/ ⏤ stefanbuck.com/tailwind-colo… ⏤ tailwind.ink ⏤ gradient-designer.csspost.co… ⏤ grayscale.design ⏤ hypercolor.dev ⏤ palettolithic.com

This where I find web inspiration: ⏤ onepagelove.com ⏤ bestwebsite.gallery ⏤ godly.website ⏤ unsection.com/category/foote… ⏤ saaspages.xyz ⏤ siteinspire.com ⏤ maxibestof.one ⏤ typefully.com/saasshots ⏤ dark.design ⏤ pafolios.com ⏤ storefront.design ⏤ seesaw.website ⏤ landings.dev/ ⏤ layers.to ⏤ dribbble.com/following ⏤ behance.net

Want icons? This are my go to sites: ⏤ css .gg ⏤ icones.js .org ⏤ lucide .dev ⏤ feathericons .com ⏤ remixicon .com ⏤ heroicons .com ⏤ tabler-icons .io 100% Free and stunning

Tired of Google Fonts? Fontsource — a collection of open-source fonts that are packaged into individual NPM packages for self-hosting in your web applications. — fontsource.org/

– Pricing.

⭕

- Cards.

...and now we have overlayed shadows.

Hero.

Only with Tailwind CSS :-)

Before — After // GO

Before — After // jQuery

Isn't this beautiful?

that's baby sinclair

I still need time to sit down and assimilate this... I can't thank enough @astrodotbuild for awarding me $10,000 for my work on Astro themes and templates. This goes beyond my understanding; I am so honoured to be part of this that I have no words. Grateful beyond measure! A heartfelt thank you from the bottom of my heart to the Astro theme and those that made it possible.

Before — After // Django

— Animated navbar.

Pricing.

Bento pricing.

Productised Studio website is ready. What's left: - Name/Domain - Connect to @⁠usebreeew - Ship it

Are you guys excited for Tailwind CSS V4?

Footer.

Before — After // Vue

Light mode is underrated

— 33 Redesigns // June

Introducing MinimalStudio, a 100% free and open source theme built with: ⏤ @astrodotbuild ⏤ @tailwindcss ⏤ @Alpine_JS Includes: ⏤ Landing page ( duh...) ⏤ Navigation ⏤ Logo cloud ⏤ Work slider ⏤ Services ⏤ Testimonials ⏤ Massive pricing table ⏤ FAQ ⏤ CTA ⏤ Footer ⏤ Footer's note ⏤ License GPL 3.0 See it live: ⏤ minimalstudio .vercel.app Fork it: ⏤ github. com/michael-andreuzza/minimalstudio Hope you like and please enjoy it.

Level unlocked. I resigned from my 9-to-5 job. From January 1st I will be full time on lexingtonthemes.com & monomod.studio

Before & After

Day 8997963871682 still waiting for @figma UI3.

- Pricing.

Pricing.

Before — After // Create T3 APP

– Pricing.

Before — After // Hetzner

Design & development subscriptions for startups. Monomod streamlines the design process with a fixed monthly rate and limitless design requests. Say goodbye to phone calls and extensive contracts; reach out to Monomod directly at any time. Embrace flexibility, halt or terminate your subscription whenever you need.⏤ No questions asked.

I am going light and simple — Crafter with Astro Js and Tailwind CSS It's live — glowup .page

How to create and print an invoice with Astrojs and Tailwind CSS Read the tutorial, see it live and get the code: - lexingtonthemes.com/tutorial…

So far, it's a boxy layout.

I am done answering the insults from this tweet. If you don't like ir, it's your problem, this design is for me as an excersises, not for none of you or someone else's, neither O asked for feedback. Keep scrolling if it hurts your feelings, . You'll be better that way.

Before & After

StudioMax – Agency multipage theme Built with Astro, Tailwind CSS & MDX - 22 Pages - 60+ Sections - 680+ Components See it live and learn what’s included: lexingtonthemes⁠.com/info/studiomax/

- Blog post.

Stats Made with OxbowUI

Tailwind CSS tip. ⏤ Creating a complex responsive grid layout with Tailwind CSS Perfect for the so called "bento grids". The grid magic happens here ⏤ 'grid' initiates a grid layout. ⏤ 'grid-cols-5' and 'grid-rows-5' establish a 5x5 grid structure. This layout forms the backbone of our design. Individual grid items are key ⏤ Use 'row-span' and 'col-span' to control the size and position of each item. ⏤ This flexibility allows for a variety of layouts within the same grid structure. Centering content within grid items ⏤ Apply 'flex', 'justify-center', and 'items-center' within each grid cell. ⏤ This ensures that content is perfectly centered, both horizontally and vertically. The grid snippet Now let's make it responsive Now on the 'md:' breakpoint the grid will look like this: We have added 'md:grid-cols-4' break point to the grid container. ⏤ md:: This is a responsive prefix in Tailwind CSS. It applies the following styling rule at the 'md' breakpoint and above. The 'md' breakpoint is typically defined at a minimum width of 768 pixels, but this can be customised in Tailwind's configuration.... ⏤ grid-cols-4: This part of the class specifies that the element should have a grid layout with four columns. On mobile the grid looks like this. The grid container also has class without any breakpoint called 'grid-cols-2'. ⏤ grid-cols-2: This part of the class is quite straightforward. It sets up your grid to have two columns. Tailwind uses a 12-col system, so using 'grid-cols-2' means that the available space will be divided into two equal columns. We have also added the lg: prefix on 'grid-cols-5', 'grid-rows-5' 'row-span' and 'col-span'. ⏤ lg:: This prefix is part of Tailwind's responsive design system. It indicates that the styling rule that follows should be applied only when the screen size is at or larger than the 'lg' breakpoint. Finally this is how our code will look like See the next tweet below ↓ ( i can only put 4 images... )

Before — After // Sizzy

Well, finally my little project is ready on Figma. Now all colors on colorsandfonts.com are available on Figma the popular Figma file. You will find: Color Systems ↳ Uber ↳ Primer ↳ Carbon ↳ Material ↳ Untitled UI ↳ Unwrapped ↳ Tailwind CSS ↳ Palettes

I do, I buy those that charge me once for the font itself, and not for "hOw mAnY pEoPle sEes tHem"...

— Service.

Cookies.

I made a collective of open source stuff colorsandfonts.com/blog/post…

Before — After // Coolify

Before — After // C#

I would move here straight away....

uh, oh! Look what I found bloggers... Zenblog⁠.com The hassle-free blogging platform for growing businesses — Simple, headless blogging CMS

— 10 more feature sections.

Introducing – Prima Persona V4 free personal one page template Built with @astrodotbuild and @tailwindcss Grab it: lexingtonthemes .com/info/primapersona/

Cloning a website and copying its code is usually illegal and unethical. Websites, including their design and code, are protected by copyright laws, so taking someone else's work without permission can lead to legal issues like lawsuits or copyright violations....

Before — After // Ruby on rails

Before — After // date-fns

Before — After // Erlang

Navy UI Kit – SaaS multipage theme Built with Astro, Tailwind CSS & MDX - 40 Pages - 100+ Sections - 300+ Components See it live and learn what’s included: lexingtonthemes.com/info/nav…

they haven't used my tool... radius.colorsandfonts.com/

Before — After // Svelte

— Navigation · animation

Finally some Desk setup inspiration that I haven't seen in another platform. —> zetups .com

Before — After // HTMX

I'll get the $10,000,000 cash, I'll invest on real state and get out of social media.

look.