With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more โ
Top 21 Svelte Tailwind Projects
-
daisyui
๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
svelte-commerce
The open-source storefront for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. The API approach also allows you to merge Svelte Commerce with any third-party tool like payment gateways, POS or AI. WIP for MedusaJS, Woocommerce, Bigcommerce and Shopify.
-
CMSaasStarter
A modern SaaS template/boilerplate built with SvelteKit, Tailwind, and Supabase. Includes marketing page, blog, subscriptions, auth, user dashboard, user settings, pricing page, and more.
-
-
-
sveltekit-netlify-stripe-fauna-example
SaaS boilerplate example with SvelteKit + Tailwind + Netlify Identity (GoTrue) + Stripe + Fauna.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
svhighlight
A code syntax highlighter for Svelte using highlight.js, with line blur, highligthing, and focus buttons. The component can be easily customized with Tailwind CSS.
-
presveltation
PreSveltation: Create fun, interactive, and dynamic presentations and slideshows with Svelte / SvelteKit and Tailwind CSS.
-
trpc-sveltekit-fetchadapter-example
An example of tRPC v10 (w/ Fetch Adapter) + SvelteKit + Tailwind CSS.
-
recurring-planner
A calendar designed for aperiodic repetitive events. You have the ability to create templates and add them to your day, fully synchronized with your Google Calendar. Built using Svelte, Tailwind, HeadlessUI, and Golang.
-
portfolio
It is my portfolio made in sveltekit with tailwindcss and using markdown for blogpost. (by Aliwahid17)
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Project mention: HTML-first, framework-agnostic implementation of shadcn/UI โ franken/UI | news.ycombinator.com | 2024-04-22DaisyUI offers zero-JS components
https://daisyui.com/
I used it for a small form + search result list recently and it works well enough for simple / static stuff.
But I think I'll still be reaching for a JS lib first since I'd miss things like inputs-with-autocomplete too much.
Project mention: Show HN: Just Ship, a free and open source SvelteKit SaaS boilerplate | news.ycombinator.com | 2024-02-15Seems like a popular segment, there's also [SaaS Starter](https://github.com/CriticalMoments/CMSaasStarter) and [KitForStartups](https://github.com/okupter/kitforstartups)
Project mention: [Self Promo] Ato UI: A themeable UI library built with UnoCSS | /r/sveltejs | 2023-06-27
Web app: https://shadowtorch.vercel.app/
I use a combination of cron(for the `default` mode that you have mentioned) and a tool that I built for fun(https://github.com/RS2007/recurring-planner) for template days. Let me know if this works for you, happy to add more features to it according to user consensus.
EDIT: Link to Source Code: https://github.com/sohamjaiswal/sveltekit-place
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
Svelte Tailwind related posts
- Classic rock, Mario Kart, and why we canโt agree on Tailwind
- HyperUI: Free Open Source Tailwind CSS Components
- Shadowtorch update - offline mobile app and more
- What css library to use?
- Best Tailwind Component Library for Small-Scale Application
- Free Tailwind component libraries that I can use with Nuxt 2?
- react-dasyUI: React components/wrapper for daisyUI
-
A note from our sponsor - SurveyJS
surveyjs.io | 25 Apr 2024
Index
What are some of the best open-source Tailwind projects in Svelte? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | daisyui | 30,632 |
| 2 | skeleton | 4,502 |
| 3 | svelte-commerce | 1,416 |
| 4 | CMSaasStarter | 664 |
| 5 | Urara | 544 |
| 6 | good-first-issue-finder | 484 |
| 7 | sveltekit-netlify-stripe-fauna-example | 88 |
| 8 | ato-ui | 68 |
| 9 | sveltekit-tailwind-ecommerce | 65 |
| 10 | svhighlight | 54 |
| 11 | scottspence.com | 48 |
| 12 | presveltation | 39 |
| 13 | trpc-sveltekit-fetchadapter-example | 12 |
| 14 | sveltekit-auth0 | 11 |
| 15 | pimer | 7 |
| 16 | shadowtorch | 7 |
| 17 | mit-invoice | 5 |
| 18 | recurring-planner | 4 |
| 19 | edgedb | 4 |
| 20 | portfolio | 2 |
| 21 | sveltekit-place | 0 |
Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com