veganism.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Veganism Social is a welcoming space on the internet for vegans to connect and engage with the broader decentralized social media community.

Administered by:

Server stats:

214
active users

#tailwindcss

1 post1 participant0 posts today
GetNextjs Templates<p>Build smarter with Grammar Pro 🧠<br>An elegant e-learning website template using Next.js 15 &amp; Tailwind CSS.<br>Responsive, fast, and designed for effective learning platforms.</p><p>📤<a href="https://getnextjstemplates.com/products/grammar-pro-nextjs-e-learning-website-template" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">getnextjstemplates.com/product</span><span class="invisible">s/grammar-pro-nextjs-e-learning-website-template</span></a></p><p><a href="https://mastodon.social/tags/Nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Nextjs</span></a> <a href="https://mastodon.social/tags/Elearning" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Elearning</span></a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/NextJsThemes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NextJsThemes</span></a> <a href="https://mastodon.social/tags/LandingPage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LandingPage</span></a> <a href="https://mastodon.social/tags/Templates" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Templates</span></a> <a href="https://mastodon.social/tags/nextjstemplates" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nextjstemplates</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guides</span></a><br>Giving up CSS pre/post-processors · Is it time to move on to native CSS? <a href="https://ilo.im/163dhy" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/163dhy</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/Sass" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Sass</span></a> <a href="https://mastodon.social/tags/Less" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Less</span></a> <a href="https://mastodon.social/tags/Stylus" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Stylus</span></a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://mastodon.social/tags/LightningCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LightningCSS</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Josep Bigorra 🐂🇳🇱🎸👨‍💻<p>I have been lately doing some improvements to my <a href="https://mastodon.social/tags/cv" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cv</span></a> <a href="https://mastodon.social/tags/resume" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>resume</span></a> <a href="https://mastodon.social/tags/curriculumvitae" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>curriculumvitae</span></a> generator, written in <a href="https://mastodon.social/tags/guile" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>guile</span></a> <a href="https://mastodon.social/tags/scheme" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>scheme</span></a> ( <a href="https://mastodon.social/tags/lisp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lisp</span></a> ). The tool is called Iter Vitae and lets you separate your data and the ui layer.</p><p><a href="https://jointhefreeworld.org/joe-cv/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">jointhefreeworld.org/joe-cv/</span><span class="invisible"></span></a></p><p><a href="https://codeberg.org/jjba23/iter-vitae" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">codeberg.org/jjba23/iter-vitae</span><span class="invisible"></span></a></p><p>I would appreciate you great people's ideas, suggestions and imrpovements. Also feel free to contribute and expand the project to make it more flexible and useful for others.</p><p><a href="https://mastodon.social/tags/freesoftware" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>freesoftware</span></a> <a href="https://mastodon.social/tags/foss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>foss</span></a> <a href="https://mastodon.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a></p>
claas<p>Quick post on how to use the hot new <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> scroll state container queries in <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <br><a href="https://claas.dev/posts/scroll-state-container-queries-in-tailwind-css/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">claas.dev/posts/scroll-state-c</span><span class="invisible">ontainer-queries-in-tailwind-css/</span></a></p>
ysaeldev<p>Hello <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nextjs</span></a> and <a href="https://mastodon.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> people. I am having some problems and I would appreciate some help. If you take your time, thank you.</p><p><a href="https://github.com/vercel/next.js/discussions/78216" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/vercel/next.js/disc</span><span class="invisible">ussions/78216</span></a></p><p><a href="https://mastodon.social/tags/github" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>github</span></a> <a href="https://mastodon.social/tags/issue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>issue</span></a></p>
Angular Minds<p>🚀 Future-proof your web apps with the React AI Stack for 2025!<br>From React + TypeScript to Next.js, Tailwind &amp; shadcn/ui — this stack is built for speed, intelligence &amp; scale.<br>Perfect for building AI-powered, high-performance apps.</p><p>Read more 👉 <a href="https://www.angularminds.com/blog/react-ai-stack-for-2025" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">angularminds.com/blog/react-ai</span><span class="invisible">-stack-for-2025</span></a><br><a href="https://mastodon.social/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ReactJS</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/NextJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NextJS</span></a> <a href="https://mastodon.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TypeScript</span></a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a></p>
Julian<p>🔴 Live coding - Rust, Tauri &amp; Tailwind: Will I Defeat the Grid System?</p><p><a href="https://twitch.tv/indiedevcasts" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">twitch.tv/indiedevcasts</span><span class="invisible"></span></a></p><p><a href="https://mastodon.online/tags/rustlang" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rustlang</span></a> <a href="https://mastodon.online/tags/embedded" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>embedded</span></a> <a href="https://mastodon.online/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.online/tags/tauri" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tauri</span></a> <a href="https://mastodon.online/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> <a href="https://mastodon.online/tags/livestream" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>livestream</span></a></p>
ysaeldev<p>Gave my <a href="https://mastodon.social/tags/website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>website</span></a> a refresh. Check it out if you like. Made with <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nextjs</span></a> <a href="https://mastodon.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> and <a href="https://mastodon.social/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typescript</span></a> </p><p><a href="https://www.ysaelsaez.com" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">ysaelsaez.com</span><span class="invisible"></span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Collections" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Collections</span></a><br>Fancy Components · Design elements and micro-interactions for your inspiration <a href="https://ilo.im/1633p5" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1633p5</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/MicroInteractions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MicroInteractions</span></a> <a href="https://mastodon.social/tags/Animations" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Animations</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
michabbb<p>🚨 Customizable notifications to alert you exactly<br>when and where you need<br>📊 Built with <a href="https://social.vivaldi.net/tags/Laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Laravel</span></a>, <a href="https://social.vivaldi.net/tags/Livewire" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Livewire</span></a>, <a href="https://social.vivaldi.net/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a>, and <a href="https://social.vivaldi.net/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlpineJS</span></a> for powerful performance<br>🛠️ Available as hosted solution or self-hosted option with complete documentation</p>
vladiantio<p>Tailwind CSS v4.1 now available! ✨</p><p>⛱️ Text shadows<br>🎭 Masking utilities<br>💻 Improved browser compatibility<br>... and tons more 👇</p><p><a href="https://tailwindcss.com/blog/tailwindcss-v4-1" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tailwindcss.com/blog/tailwindc</span><span class="invisible">ss-v4-1</span></a></p><p><a href="https://mastodon.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Arun Mani J<p><a href="https://arunmani.in/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">arunmani.in/</span><span class="invisible"></span></a></p><p>Finally updated site to <a href="https://mastodon.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> v4.</p><p><a href="https://mastodon.social/tags/hugo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hugo</span></a> docs are becoming more complex to understand. It's filled with code snippets that are no longer needed and missing references.</p><p>Super confusing, but Hugo is so nice (comes with nice defaults if you know where to look), so I don't know if I should switch.</p>
Lukas<p>Hey Fediverse, ich habe freie Kapazitäten für neue Projekte. Mein Fokus liegt in der Umsetzung von maßgeschneiderter Software. Dafür setze ich folgende Technologie ein: <a href="https://metalhead.club/tags/PHP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PHP</span></a>, <a href="https://metalhead.club/tags/Laravel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Laravel</span></a>, <a href="https://metalhead.club/tags/LaravelLivewire" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LaravelLivewire</span></a>, <a href="https://metalhead.club/tags/Vue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Vue</span></a>, <a href="https://metalhead.club/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a>.</p><p>Fall ihr Unterstützung sucht, gerne bei mir melden.</p><p>➡️ <a href="https://leitsch.org" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">leitsch.org</span><span class="invisible"></span></a></p><p>Gerne RT. </p><p><a href="https://metalhead.club/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://metalhead.club/tags/FediHire" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediHire</span></a> <a href="https://metalhead.club/tags/fedijobs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fedijobs</span></a> <a href="https://metalhead.club/tags/Hiring" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hiring</span></a> <a href="https://metalhead.club/tags/freelance" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>freelance</span></a> <a href="https://metalhead.club/tags/jobs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jobs</span></a></p>
OtterForce<p>I’m a wordy bastard. I really struggle with 500 characters. I’d struggle with 500 words sometimes. It's been hard to find a flow here (despite Mona's fantastic thread generator.)</p><p>I’m creating a <a href="https://zirk.us/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> to house longer writings and share thoughts here without requiring anyone to visit platforms so many gathered here to avoid.</p><p>I'm using <a href="https://zirk.us/tags/Hugo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Hugo</span></a> instead of my usual <a href="https://zirk.us/tags/WordPress" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WordPress</span></a> and dipping my toes into <a href="https://zirk.us/tags/Go" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Go</span></a> and <a href="https://zirk.us/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a>. I've only created the local structures, but so far, I dig it! It's <a href="https://zirk.us/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> too!</p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <br>Rombo · Powerful Tailwind CSS animations with a simple syntax <a href="https://ilo.im/160cno" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/160cno</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a> <a href="https://mastodon.social/tags/Animation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Animation</span></a> <a href="https://mastodon.social/tags/Motion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Motion</span></a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Sheena<p>My current <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Django</span></a> frontend dev stack is (including some dx tools):</p><p>- <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a><br>- <a href="https://fosstodon.org/tags/AlpineJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AlpineJS</span></a><br>- <a href="https://fosstodon.org/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <br>- <a href="https://fosstodon.org/tags/Playwright" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Playwright</span></a><br>- Django Template Partials <br>- Django Browser Reload </p><p>Are there any other frontend-related tools that would complement these? What do you use?</p>
Revath S Kumar :javascript:<p>Hope <a href="https://fosstodon.org/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tailwindcss</span></a> support <a href="https://fosstodon.org/tags/flexbox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>flexbox</span></a> safe alignment utilities soon.</p>
Michal Bryxí 🌱<p>Be like <a href="https://veganism.social/tags/TailwindCSS" class="mention hashtag" rel="tag">#<span>TailwindCSS</span></a>. Be so good that people are talking about you even when nobody asked. And by people I mean me.</p>
CSS by T. Afif :verified:<p>The Tailwind V2 documentation vs The Tailwind V4 documentation.</p><p>This is what reinventing the wheel means.</p><p><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://front-end.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a></p>
David Bisset<p>Back in my day of <a href="https://phpc.social/tags/Bootstrap" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Bootstrap</span></a> (used to be called Twitter Bootstrap that's how old i am) a number of free code snippet libraries popped up - came in handy when you just needed 10-15 lines of code. </p><p>Looking for the same with <a href="https://phpc.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> . Search for "Avatar" and get some results back I can customize. </p><p>Stumbled on one, but would love more to visit. <a href="https://phpc.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://phpc.social/tags/Webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webdev</span></a></p>