News for hackers. Stuff that matters.

nolimits4web

Some more on the why and how -

Cladd started as the internal UI inside t0ggles (my project-management tool) because none of the popular options handled dense application UIs well.

Most UI kits hand you the same surface color at every nesting level. Put a card inside a card inside a popover and you end up writing one-off CSS to fake the depth contrast.

Headless primitives like Radix or Base UI hand you behavior and ask you to do everything else. Great for design systems, exhausting for shipping a product.

And most overlay APIs make you mount Root/Portal/Content scaffolding somewhere in your component tree, even when you just want to fire a dialog from a hook.

Cladd's specific bets:

- A surface system with five depth levels that nest contextually — drop a Surface inside a Surface, the next one auto-bumps.

- A single sizing scale (2xs → 2xl) every interactive control respects, so rows line up without per-component math.

- 11 accent colors × 5 variants. One className re-tints a region.

- Every overlay is driveable from anywhere — useDialog() from a handler, no JSX scaffolding.

- There's also an MCP server at https://cladd.io/mcp so coding agents (Claude Code, Cursor) can pull full docs with inline screenshots before generating layout.

- What it's not for: marketing sites, Vue/Svelte projects, or anyone who wants headless primitives to skin themselves.

Docs and demos: https://cladd.io Repo: https://github.com/cladd-ui/cladd

Would love feedback — what's missing, what feels off, what's broken on your screen.

Show HN: Cladd – React UI kit for editors, dashboards, and dense app UIs

https://cladd.io/

Hi HN - I'm Vladimir (Swiper, Framework7, Konsta UI). I've spent two years on cladd, a React UI kit aimed at information-dense application UIs - editors, dashboards, design tools - rather than marketing sites or headless primitives.Already powering Swiper Studio, t0ggles, PaneFlow, and Start Page HQ in production.Stack: React 19, Tailwind v4, MIT.Full breakdown + design rationale in a comment...

( Read More... | 1 comment | 2 points | on HN )

Show HN: Swiper Studio v2 – Visual slider builder with AI agent support (MCP)

https://studio.swiperjs.com

I'm the author of Swiper, the open-source slider library. Swiper Studio is a visual builder on top of it. V2 brings a redesigned editor, keyboard shortcuts, element animations, video support, responsive breakpoints, Next.js export, and an MCP server that lets AI agents (Claude, Cursor, etc.) build sliders through natural language.

( Read More... | no comments | on HN )
Managing multiple projects with different contexts is my biggest pain point. I run several side projects and consulting work simultaneously, and the constant context-switching kills productivity.

The specific problems: - Scattered tasks across tools - Some things live in GitHub issues, others in notes, others in my head - No clear "what should I work on right now" - When I sit down to work, I waste 10-15 minutes figuring out where I left off - Losing track of the big picture - Easy to get lost in details and forget project goals

I got frustrated enough that I built my own tool (t0ggles.com) to solve this - basically a kanban + multi-project dashboard that lets me see everything in one place and quickly switch contexts. Still iterating on it based on my own daily use.

What's your situation - are you building something or just researching pain points?

Show HN: I Made t0ggles – Faster and More Efficient Than Jira and ClickUp

https://t0ggles.com/hn

As someone juggling multiple projects, I needed a project/task management tool that allowed me to clearly see and manage all my projects on the same board. Existing tools like Jira, ClickUp, and Trello didn't work for me because they are slow, overbloated, and not really designed to handle multiple projects efficiently. That's where t0ggles came in. t0ggles is a next-gen tool that leverages AI...

( Read More... | no comments | on HN )

Show HN: I made PaneFlow – a no-code solution for creating slideshows

https://paneflow.com

PaneFlow is a modern tool designed to help developers and non-developers alike create stunning slideshows visually. With its intuitive interface, you can design and customize slideshows without writing a single line of code. The tool offers instant previews, seamless publishing to CDN, and the unique ability to export your creations as React, Vue, Svelte components, or even as video files,...

( Read More... | no comments | 10 points | on HN )
Re: on Tuesday August 08, 2023 @11:10AM (#37050170)
Unleash your creativity with Swiper Studio! A no-code platform that empowers you to create powerful, interactive sliders using Swiper. Effortless design, endless possibilities!