←back to thread

Show HN: Tips.io – A Tailwind playground with AI, page management, and theming

(tips.io)
283 points TIPSIO | 2 comments | 18 Nov 24 15:19 UTC | HN request time: 0.425s | source

Hi HN!

My name is Nick and this is my fun side project. Please lay it on me. HN can think of Tips.io as a cracked out Tailwind Playground that has page management and amazing AI integration.

There are a few core ideas:

1) The HTML is the CMS

There are no fields or restrictions. Just hover, click, and start tweaking any HTML. Also, certain elements you click will have special easy edit abilities:

- <img> auto creates an uploader, stock photo picker (or HTML)

- <video> auto creates an uploader, stock video picker (or HTML)

- <svg> auto creates a big icon picker (or HTML)

- <div class="prose"> auto creates a WYSIWYG Editor (or HTML)

2) Slices

Think of these as just individual HTML sections of a page or lil baby single-file components. They are self-contained and isolated so you drag them around easily. The real power comes from reuse across your pages and linking them (aka, one HTML footer updates globally). You can also use "slices" from any other tips.io project for quickly expanding your site with more design options.

3) AI Elements, Not Pages

Another cool concept is you can select any element on an HTML slice an edit that individually vs re-streaming/rebuilding and entire component every time. We support 5 different AI models right now. Some other really intense/cool AI integration is coming soon.

4) Tailwind Everything, No Build Step, & Theming

We have a custom "themer" to make creating Tailwind config files near instant with real-time font trying, color palettes/preset trying, and more. All our Tailwind is automatic and requires zero config instantly. The same Tailwind that magic runs client-side will run server-side so quick no one knows a build step is happening. Tailwind and AI are also a match made in heaven.

Other features:

- Animations - Zoomable page tree - Basic Forms (yes on your static site!) - Analytics - Redirects, site passwords, and much more.

Tech:

- 100% Cloudflare Workers - Svelte - UnoCSS

Some resources:

- Promo video: https://www.youtube.com/watch?v=s8U2rJJX-rk - Tutorial & demo video: https://tips.io/tutorial - Just launch: https://new.tips.io

1. codetrotter ◴[19 Nov 24 02:40 UTC] No.42179618[source]▶
Constructive feedback:

I created a free account and dragged four “slices” on to what I thought was a page.

When I clicked save it told me it was out of space and I have to upgrade to premium or clear out space.

I then went to the dashboard dropdown, and selected pages, and added a page slug, and dragged a “slice” to it. Tried to save, same message.

If I go to billing, it says that the free plan has a 5 page limit. But I don’t seem able to create any pages.

I’m wondering if it automatically counts the “slices” that I have to choose from in the theme I chose as being part of the page limit? It looks like there are 16 slices to choose from in the theme I picked.

If it’s because of the slices that came with the theme that I’m out of available pages, I would suggest not counting included slices from the theme toward the page limit for the free plan.

replies(1): >>42179714 #
2. TIPSIO ◴[19 Nov 24 03:01 UTC] No.42179714[source]▶
You’re right. It’s cumbersome. And this will change.

I actually spooked for launch and dialed things down.

The idea was for a user to skip the interface and just type a subdomain to get started: <whatever>.tips.io

All sites would start in a playground mode where no signup is required to get going.

But it would be timed and if you didn’t add an email progress would be lost and the site would self-delete.

For launch, I limited it to basically zero to work out bugs and spam. I will be reversing this but open to ideas to balance onboarding.