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
That being said, I can't wrap my head around the naming. Why tips.io? What do tips mean in this context?
(PS: Excuse me if it's covered in the promo video, I'm currently in a zoom call and I can't put any audio through right now)