July 10th, 2024

Show HN: Tailwind Template Directory

Tailkits 2.0 offers a curated selection of high-quality Tailwind CSS resources, including templates and tools for developers of all levels. It features premium and free options, rigorously tested for compatibility and responsiveness. Community contributions are encouraged, enhancing productivity and web development processes.

Read original articleLink Icon
Show HN: Tailwind Template Directory

Tailkits 2.0 is a platform offering a curated selection of high-quality resources for Tailwind CSS, including templates, components, and tools. Tailwind CSS is a utility-first CSS framework known for its versatility and adaptability, catering to developers of all skill levels. The platform features premium and free templates, UI kits, and components to expedite website development. Tailkits' templates undergo rigorous testing for compatibility with Tailwind CSS and responsiveness across devices, offering options for various projects like personal portfolios and business websites. The collection includes meticulously crafted components like navigation menus and buttons for seamless integration. Additionally, Tailkits provides tools such as code generators and color palette generators to enhance productivity. The platform welcomes community contributions, encouraging designers and developers to submit their templates, components, or tools for review and potential inclusion. With a focus on streamlining web development processes and empowering users with top-notch resources, Tailkits serves as a valuable resource for those working with Tailwind CSS.

Related

Show HN: OSS React Components for Dashboards

Show HN: OSS React Components for Dashboards

Installing Tremor Raw for React v18.2.0+ with Tailwind CSS v3.4+. Compatible with Next.js, Vite, Remix. Resources: Tremor Blocks, Figma UI Kit, Remix Icon. Footer: bug reporting, Tremor Labs, Inc. rights.

Luakit: A fast, extensible, and customizable web browser

Luakit: A fast, extensible, and customizable web browser

Luakit is a customizable web browser framework for power users and developers, based on WebKit and GTK+. Version 2.3.6 emphasizes Lua scripting extensibility. Users should update WebKitGTK+ for security. Installation guides are available for Windows 10, Linux, and BSD. The browser offers themes, vertical tabs, and a minimal codebase. Download from GitHub, follow README.md for building. Licensed under GNU GPLv3.

Ttkbootstrap: Modern theme and widgets for Python tkinter

Ttkbootstrap: Modern theme and widgets for Python tkinter

The "ttkbootstrap" project on GitHub enhances tkinter with modern flat style themes like Bootstrap. It offers various themes, widget styles, new widgets, and a Theme Creator for personalized themes. Find more on GitHub.

SVG Flags Icons for Tailwind and Bootstrap

SVG Flags Icons for Tailwind and Bootstrap

The website provides SVG flags icons for Bootstrap and Tailwind CSS. Flags celebrate cultural narratives, categorized by continent. SVG format ensures global accessibility, representing a diverse world tapestry for exploration.

Show HN: Open-sourced Webflow for your own app

Show HN: Open-sourced Webflow for your own app

The "Onlook" project on GitHub is a browser-powered visual editor for React + TailwindCSS apps. It includes installation, usage, roadmap, contributing guidelines, contact info, acknowledgments, and licensing. Inquire for more details.

Link Icon 8 comments
By @oDot - 5 months
A lot of Tailwind's value comes not from the utility classes, but from the design system they enforce on the user, which is the most valued feature Tailwind offers, in my opinion.
By @geekodour - 5 months
I have been using 3.5 sonnet to generate me tailwind components it does a pretty good job, and then with clsx, tailwind-merge and tailwind-variants things become pretty maintainable. I reach-out to shadcn-svelte when I need components which would take some extra tuning.
By @wishinghand - 5 months
Tailwind reminds me why I'd rather go classless and then write a `custom.css` for anything not covered by semantic HTML.
By @mittermayr - 5 months
Aside from the Tailwind discussion: The site advertises FREE templates, I select a FREE template, but when I want to use it, I STILL have to pay. Huh?

https://tailwindtemplates.co/templates/basic

By @pictosummary - 4 months
Tailkits offers a lot of website templates that are written in tailwind, which are great to use when developing front-end pages, and even the free templates look great!
By @Crazyontap - 5 months
I really was hoping that tailwind was a fad which died but like everything JavaScript it's here to stay sadly

I recently found myself staring at a button element with more classes than I have ever seen like <button class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded-md shadow-md">Click me!</button>.

It’s like the eccentric artist who insists on using every color in the palette. After been forced to use it for almost 2 years I still don't see the point. Your HTML files? Bloated. Your sanity? Questionable. And those cryptic class names? Why God did we have to do this.

By @ldjkfkdsjnv - 5 months
Wealth generator:

webscrape -> LLM -> generate template -> sell on website

By @rwaksmunski - 5 months
Locality of behavior, my precious.