[HN Gopher] Show HN: Tips.io - A Tailwind playground with AI, pa...
___________________________________________________________________
Show HN: Tips.io - A Tailwind playground with AI, page management,
and theming
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
Author : TIPSIO
Score : 153 points
Date : 2024-11-18 15:19 UTC (7 hours ago)
(HTM) web link (tips.io)
(TXT) w3m dump (tips.io)
| ryanchenkie wrote:
| Really cool! Is it strictly a playground? Entering a subdomain at
| the start gives me the impression that I can use the result as an
| actual website, perhaps there's already a path for that but I
| wasn't sure.
| TIPSIO wrote:
| Thanks Ryan. Great question. It's more of "build a full site
| via small Tailwind playgrounds". I chose that language to best
| describe quickly the idea. Hope that helps clarify
| throwup238 wrote:
| It looks like you're using the same domain for the app and
| user generated content? You usually want to host the user
| sites on a separate domain because the whole domain can be
| penalized in search engines for the content users create.
| TIPSIO wrote:
| Yep. I also own tipsio.com but I figure for
| remembrance/launch reasons it's not super big deal right
| now. SEO play has not happened yet.
| vivzkestrel wrote:
| looks pretty sick, if you don't mind me asking. How long did it
| take you to build this and how are you marketing this? how many
| paying customers do you have so far may I ask
| TIPSIO wrote:
| Thanks! It's been a fun side hobby project for me. I typically
| crank out contract work day in and day out.
|
| I got the proof of concept done in a month or so. It took a
| little longer since I wanted to build it on 100% Cloudflare
| Workers for ideally low cost, scale, and speed. Other low-
| pressure things I was trying too.
|
| It has sat around for almost a 1/2 year now unlaunched where I
| have just added small features here and there.
|
| Over the next few months, I plan to release a ridiculous amount
| of high quality Tailwind themes for people to start from
| amongst some other marketing efforts.
| makk wrote:
| Who is it for?
| TIPSIO wrote:
| Anyone who needs a site!
|
| Big winners right now are developers or low-code (just HTML...)
| people who need:
|
| - want to just pick a site, tweak, and go
|
| - people who want an easy and free link tree or carrd.co style
| site without limitations
|
| - splash pages, 1 pagers, microsites, coming soon pages,
| blogs/profile with full HTML, etc...
|
| - people/orgs who need to do high volume sites
| CMYKninja wrote:
| I was thing this myself. Who is this for. I might recommend
| this for someone who needs to do a pop up concert / event venue
| site. Or a limited promotion for a niche presence. Any other
| use cases that people can think of?
| TIPSIO wrote:
| Imagine coming back to the site and there being 30+ free
| themes for various websites and uses.
|
| The people who benefit most would be:
|
| - I can't dev websites => Go to Squarespace
|
| - I dev tiny bit of websites/or smart enough to figure stuff
| out => Tips.io
|
| - I am a dev => Go custom
| sriram_malhar wrote:
| Good lord, man, this is a _side_ project? Most impressive.
| Nothing much to add except to say I am most impressed.
| TIPSIO wrote:
| Haha, thanks so much! It did get a bit feature rich and has sat
| around forever as it wasn't my main source/priority for income.
| _hl_ wrote:
| Wow, this is ridiculously polished for a one-man-show side
| project. Massive kudos.
|
| Do you have a write-up somewhere of how you built this? I think
| there is a lot that I (and probably many here on HN) can learn
| from you.
| TIPSIO wrote:
| Thank you so much. Please just make a free site and add your
| email with notifications enabled or signup for the newsletter.
| I'll be posting some pretty detailed and mind-blowing updates
| soon
| afrnz wrote:
| Congrats on launching! I love the design and the clever loading
| messages ("Harambe would love this"). Do you plan to support an
| export option if I want to self-host?
| TIPSIO wrote:
| You can already backup your site as either static files or the
| original "tipsio" files.
| afrnz wrote:
| Very useful, I did not see this right away. Thanks!
| mdolon wrote:
| This is incredible work for one person. Keen to try it out but
| like the website might be getting hugged.
| TIPSIO wrote:
| You seeing downtime errors? The platform is 100% serverless in
| Cloudflare Workers, so fortunately mostly hug proof
| mdolon wrote:
| The content of the editor and the site preview were not
| loading previously. It seems to be resolved now.
| polishdude20 wrote:
| This looks sick! How easy is it to add custom stuff into the
| pages? Say I've got a really cool three.js project I want to
| showcase. Is there much work to add it in?
| block_dagger wrote:
| I like how in the icon demo, it shows how you can replace X
| (formerly Twitter). Nice.
| phaedryx wrote:
| Looks really nice.
|
| Some very minor feedback: the animations are a bit too busy for
| my tastes
| nidnogg wrote:
| This seems like a very capable and solidly built project. Well
| done!
|
| 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)
| TIPSIO wrote:
| Super true. I know... I bought this domain a long time ago for
| another project that never launched and swore to use it one
| day. It's a short .io that is easy to remember. I agree it does
| not match well
| redeux wrote:
| Just say it stands for "Tailwind is pretty super" or
| "Tailwind integrated play space"
|
| Done!
| d--b wrote:
| First thought as well. Apart from "cool.tips", it makes
| everything sound like you're on a patreon page.
| ado__dev wrote:
| Nick! Congrats on the launch. Super solid. I tried getting
| ado.tips.io but looks like domain needs to be at least 4
| characters long :(
| tmpz22 wrote:
| This is solid, I'll show my appreciation by giving constructive
| criticism. This is after giving it the "120 second glance" that I
| imagine is how most people scan projects quickly without a proper
| deep dive:
|
| * First impression: this is a website builder that looks and
| feels like many other website builders, with some advantages like
| low onboarding friction, and AI integration. As a solo project
| reaching par is a triumph. But I think if you continue to diverge
| your marketing page from a default SaaS startup style you can
| separate yourself more from the pack AND build a reputation as a
| better design tool instead of another design tool. Of course the
| product is more important than the landing page, but perception
| is perception. You do for example show personality in some of the
| loading pages which I personally enjoy.
|
| * I got about 4 hours of sleep last night. I was thrilled when I
| could click into your app and immediately play around without
| having to register or experience other forms of friction. But
| complex design interfaces are overwhelming to me. How do I learn
| your tool quickly? Why should I invest the time to learn your
| tool versus other great tools? These are questions I'm left with
| after a quick scan. There are a lot of developer tools vying for
| my time. And I imagine their all working on AI integrations if
| they don't have it already.
|
| * As a SWE I don't like Tailwind. I don't like the syntax soup, I
| don't like having to memorize less conventional syntax because my
| brain already has enough trivia in it, and I prefer small indie
| projects that are maintained by extremely small teams with
| limited resources. As a result I do not reach for Tailwind
| (despite having paid the $300 or whatever for their membership!).
| What about developers who don't want to use Tailwind?
|
| * As a potential business customer, can I depend on you? Where
| will this product be in multiple years? What's the process to
| transition from a competing tool? What's the process for
| transitioning to a different tool? Enterprise customers, where
| the real money is, care about consistency and managing liability
| sometimes (often?) more then the _potential_ value of a new tool.
| Consider looking into various compliance licensing, industry
| audits, and enterprise features, that will be needed to attract
| investors who want returns based on enterprise sales, not
| consumer sales.
|
| I wrote this up because I like your project and hope you succeed.
| Hopefully it helps!
| nichochar wrote:
| Tailwind is amazing for LLMs. You can't beat it:
|
| - concise
|
| - inline with the rest of the code
|
| I am willing to bet it's going to become a standard because of
| its existing popularity + the insane tailwinds that codegen
| give it.
| DrBenCarson wrote:
| No image uploads on the free plan is tough. Might drive more
| upgrades but makes using the free plan untenable for me
|
| Might be smarter to limit to a few images because 0 will likely
| push a lot of people away
| TIPSIO wrote:
| I killed it off right before launch actually. I got spooked by
| potential spam. I think you're right this is the move after I
| get through some launch stuff.
| ramesh31 wrote:
| Front end devs are officially on notice at this point. If you're
| someone who makes their living doing little more than design ->
| code (and there are many of us still), it's time to upskill or be
| left in the dust. The days of writing markup/styles by hand are
| over.
| mjwhansen wrote:
| This is awesome!
| flashgordon wrote:
| Come on. This is soo not cool. You cannot call something this
| amazingly effing polished - a "side" project. As someone who
| struggles with FE I went into a mini depression mode! really
| amazing work. Please please put a write up on how you built this
| (if you are willing to share). Im really interested in the FE
| magic!
| 2024user wrote:
| I'm curious to why FF isn't supported? What actually breaks it?
| TIPSIO wrote:
| Try it. It mostly works but I think the way they manage memory
| is different or something complicated. We're essentially just
| constantly hammering an iframe for the preview. In early tests,
| I kept getting issues with it. I want to revisit in time and
| optimize that whole thing.
| wusel wrote:
| Very cool. Post it in the Svelte subreddit, I am sure they'll
| enjoy this.
___________________________________________________________________
(page generated 2024-11-18 23:00 UTC)