←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: 0s | 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. csomar ◴[19 Nov 24 02:18 UTC] No.42179510[source]▶
1. Why does it open a new tab when creating an account?

2. Why does it ask for my email in a confusing way later? If you are not going to let me play directly, just do the usual sign up process.

3. I selected the Stripe option and I couldn't understand a thing.

4. Then I went back, create a new page (slug?) and got the AI to generate some code. Clicked preview and instead got the Stripe pages? I later "figured out" that I have to click the "mouse arrow" button to get the preview.

Honestly, overall, I couldn't make any sense of the interface. It's not intuitive. Lots of buttons all over the place. I don't know what's happening, where my files at, and how everything fits together. I also can only see this being useful for creating a very simple landing page. So maybe I am just not the target market for this.

replies(1): >>42179579 #
2. TIPSIO ◴[19 Nov 24 02:33 UTC] No.42179579[source]▶
Actually great feedback and finds