Earlier quoted context omitted.
https://github.com/Chainlift/liftkit
Next.js without Tailwind ... why not just make it a fuckin tailwind plugin lol
There is a community plugin, though. https://github.com/jellydeck/liftkit-tailwind
41–50 of 160 posts
Earlier quoted context omitted.
https://github.com/Chainlift/liftkit
Next.js without Tailwind ... why not just make it a fuckin tailwind plugin lol
There is a community plugin, though. https://github.com/jellydeck/liftkit-tailwind
Earlier quoted context omitted.
this seems to be for custom design services. IANAL but the libraries and design language seems to be open source and free to use.
Indeed; if you look at the top nav this is a site that's an agency first and a design system second. This design system really deserves its own site.
I really wish they would start with "this is for next.js/react". I had to dig through the docs and get to the installation instructions just to find out that it's React only. It looks great, but I'm always confused why design system folks wouldn't base everything off web components, which work with almost any framework.
So having it for React/NextJS isn't an affirmative decision. It's just the only thing I knew how to do at the time. After the first launch last summer I had a couple folks reach out to help port to SvelteKit and Vue, but you know how it is. People get busy.
While the golden ratio thing is a bit of a gimmick, the components look gorgeous and really well laid out
To be clear; You don't HAVE to use the golden ratio. You can set your global scale factor to anything you want in /liftkit-core.css. I just use 1.618 because I like it.
Here's a tip: any time you've got before/after screen grabs, don't do this thing where you've got to drag a line to switch between the two, don't have a fade, don't have a sliding transition, or anything like that. Just have it display one, then have a single button that you click to have it immediately display the other. Then when you click the button again, it goes back to displaying the first one again. Click, cli…
Hey Tom, I'm the creator. They're actually even worse than what you're describing. On touchscreens, the handle slides up and down as you try to move it left or right. Horrible, isn't it? One of these days, I'll get around to fixing it. The only reason it hasn't been done yet is that, to be perfectly honest, you're the first one to give this feedback. So I appreciate it!
I admit I don't do web stuff, so perhaps this is hard to do. But I think it's the ideal. Before/after comparisons are very easy to assess if you can flick between the two cases and let your eyes show you the differences. The value of having an image that's part one and part the other (and two completely separate parts!) seems a bit questionable.
(My line of work means I'm unlikely to end up a customer, so you don't have to pay attention to my opinions.)
I wouldn't trust a UI framework where all of the components are shown as images instead of instances of the actual UI framework...
I clicked on Dropdown, thinking it's one of the more complex things to implement. It doesn't even have a picture.
Earlier quoted context omitted.
it's bad UX. There's a little tiny arrow on the line's grab indicator showing which "side" you should look at. You can barely see it. Below there's the two labels floated to either side...
If you're referring to the thing, you could well be right? I figured that was merely an indication that you could drag the thing sideways! (And I'm clearly not the only one that feels this aspect of the site would benefit from another pass...)
I tried to find pricing for it (the top "contact sales" is a no-starter; too much initial friction. Just tell me how much it costs?! At the footer is a pricing calculator... I asked for pricing for 10 top-level pages and 5 sub-level pages (they explain the difference)... came out to a whopping $16,500 (you're reading that right... SIXTEEN THOUSAND). No thanks.
That calculator is for agency services. LiftKit itself is free.
Earlier quoted context omitted.
Hey Tom, I'm the creator. They're actually even worse than what you're describing. On touchscreens, the handle slides up and down as you try to move it left or right. Horrible, isn't it? One of these days, I'll get around to fixing it. The only reason it hasn't been done yet is that, to be perfectly honest, you're the first one to give this feedback. So I appreciate it!
If you got rid of the slider entirely and just had it flick between the two images instantly, the entire handle business would become irrelevant, and you'd never need to think about it again! I admit I don't do web stuff, so perhaps this is hard to do. But I think it's the ideal. Before/after comparisons are very easy to assess if you can flick between the two cases and let your eyes show you the differences. The val…
I learnt about it in Japan where proof-readers and editors would (or do) quickly lift a top page up and down to spot mistakes with kanji (pictographs). And sure enough, even from a page of dense script the dissonance of the error really does pop out at you.
I likewise tucked that little trick into my belt -- it comes in useful anytime you're trying to manually spot a pattern across complex data. This technique has the same "vibe" as FFTs to me: it's just neat feeling like you're getting computation from the universe for free.
Solar PV in a similar category: free electrons if you can arrange the magic rocks just right :)
I thought this was an unhinged parody of a design site, kinda surprised it's a real thing. Unfortunately the design isn't for me, things look off center and the overall "weight" of components feels off.