All activity
Mikolaj Dobruckileft a comment
Hi PH, the creator of Design with Code here 👋 I built this course because I kept feeling the gap myself. And I strongly believe designers need this knowledge today more urgently than ever before. In my design career, I started getting closer to code many years ago. First small tweaks, then prototypes, then actually shipping things. At many points I realized I didn’t really understand what was...
Design with CodeFree course for designers on how to build with code and AI
As design process moves into code, it becomes more critical for designers to understand how things are actually built. Not to become engineers, but to build the right mental models and confidence to work with code and AI tools. This course teaches the essentials of web development and practical concepts with a focus on UI and craft, but without the overwhelming depth of typical coding courses. It covers tools such as Git, Terminal, HTML, CSS, SVG, React, Typescript, Tailwind, Astro, and Next.js.
Design with CodeFree course for designers on how to build with code and AI
Mikolaj Dobruckileft a comment
Love the back story. This is how great products are born: from a real unsolved pain point! Keep it up! 🔥
GpxOverlayMake data overlays for your sports videos
Mikolaj Dobruckileft a comment
Hey Product Hunt community! 👋 I’m Mikolaj and this is a little side project of mine. I originally built some of these components for myself. I wanted to build a landing page in a style similar to some popular productivity and developer tools I looked up to. So I searched all the internets but couldn't find a decent components kit that would not only be built with modern technologies and best...
Launch UIAnimated landing page components made with Tailwind & Shadcn
Landing page components built with React, Shadcn/ui and Tailwind that you can copy/paste into your project. Made for product websites and early-stage startups.
50+ landing page sections, 150+ components, illustrations and animations. Also available for Figma.
Launch UIAnimated landing page components made with Tailwind & Shadcn
Bibcitation for Chrome is a simple and powerful extension that cites websites and journal articles in one click. Open the web page you want to cite, click the extension and copy the auto-generated citation straight into your paper.
Bibcitation for ChromeCite websites and articles in one click
🤖 ⠀Automatic citations for books, websites & journal articles
🚀 ⠀Auto-generated bibliographies & references lists
📒 ⠀Supports 9,000 citation formats & 30 citation types
🎉 ⠀PH offer: to celebrate our launch, we're giving away 10 Echo Dots to our new users!
BibcitationAutomatic citations for your papers
A powerful diff tool that lets you easily compare the differences between text files, images and PDFs.
Simply upload two files, click Find Difference and watch Diffchecker do all the hard work for you!
Diffchecker 2.0Check the differences between two text files, images or PDFs
Working with SVG files has never been easier.
SVG Viewer is the simplest way to view, edit and optimize your SVG files and convert them to React or React Native components.
SVG ViewerEdit, optimize and convert your SVG files into code
Customizable SVG icon set — change the color, size, stroke weight, corner style, and export as a set.
IkonateFully customisable & accessible vector icons
Sketch UX Kit is an extensive sketch, wireframing and UX kit collecting all the best Sketch tricks and techniques from an experienced designer.
Sketch UX KitA wireframing & prototyping template for your next project