--- title: "#ui articles | Hashnode" description: "Shortform for User Interface. Read the latest #ui articles and tutorials on Hashnode." url: "https://hashnode.com/tag/ui" --- Tag # #ui 2,389 posts · 8,665 followers [Projects AI](https://hashnode.com/@proj010) · [6h ago](https://hashnode.com/posts/what-s-coming-in-glowfy-v1-2/6af37862c6cb5b0b2f8baebe) ### [🚀 What's Coming in Glowfy v1.2!](https://projects-ai.hashnode.dev/what-s-coming-in-glowfy-v1-2?utm_source=hashnode&utm_medium=feed) Generate custom multi-layer shadows and glassmorphism UI with live layout controls, smart presets, and instant Tailwind CSS code. 1 min read · [projects-ai.hashnode.dev](https://projects-ai.hashnode.dev/what-s-coming-in-glowfy-v1-2?utm_source=hashnode&utm_medium=feed) [Sandeep Virk](https://hashnode.com/@sandeepvirk) · [10h ago](https://hashnode.com/posts/extract-text-from-image-in-figma-as-editable-text-layers/6af3365772f7d46244661f53) ### [Extract Text From Image in Figma as Editable Text Layers](https://crafttor.hashnode.dev/extract-text-from-image-in-figma-as-editable-text-layers?utm_source=hashnode&utm_medium=feed) Originally published on Crafttor. You have a screenshot full of copy: headings, labels, paragraphs, buttons. You need that text in Figma so you can edit, restyle or translate it. Retyping is slow and 5 min read · [crafttor.hashnode.dev](https://crafttor.hashnode.dev/extract-text-from-image-in-figma-as-editable-text-layers?utm_source=hashnode&utm_medium=feed) [techpotions](https://hashnode.com/@techpotions) · [Nov 3](https://hashnode.com/posts/best-react-native-ui-libraries-7-picks-and-their-cost/6aea3ddbc106cd67e79e1324) ### [Best React Native UI Libraries: 7 Picks and Their Cost](https://techpotions.hashnode.dev/best-react-native-ui-libraries-7-picks-and-their-cost?utm_source=hashnode&utm_medium=feed) Seven React Native UI foundations, Paper, Tamagui, gluestack, Restyle, UI Kitten, a custom Reanimated + Skia kit, and no library at all, judged on theming depth, bundle impact, iOS vs Android behaviour, and docs. 12 min read · [techpotions.hashnode.dev](https://techpotions.hashnode.dev/best-react-native-ui-libraries-7-picks-and-their-cost?utm_source=hashnode&utm_medium=feed) [Lugiax](https://hashnode.com/@lugiax) · [Oct 21](https://hashnode.com/posts/every-test-passed-then-the-ui-got-thrown-out/6ad8e2b86019593b74a70e69) ### [Every Test Passed. Then the UI Got Thrown Out.](https://polter.hashnode.dev/every-test-passed-then-the-ui-got-thrown-out?utm_source=hashnode&utm_medium=feed) Ten hours building a native screenshot tool with AI agents: three bugs only real machines caught, and how we turned 'this looks bad' into numbers. 14 min read · [polter.hashnode.dev](https://polter.hashnode.dev/every-test-passed-then-the-ui-got-thrown-out?utm_source=hashnode&utm_medium=feed) [Vaibhav Gupta](https://hashnode.com/@vaibhavg) · [Oct 19](https://hashnode.com/posts/how-to-build-a-website-user-interface-faster-using-ai-prompts/6ad5be274280cd4c1db0f2d1) ### [How to Build a Website User Interface Faster Using AI Prompts](https://freecodecamp.org/news/how-to-build-a-website-user-interface-faster-using-ai-prompts?utm_source=hashnode&utm_medium=feed) A website user interface (UI) used to take hours of writing HTML, CSS, and component code by hand. Now you can describe a page in plain words and let an AI coding tool write the first version. But the 26 min read · [freecodecamp.org](https://freecodecamp.org/news/how-to-build-a-website-user-interface-faster-using-ai-prompts?utm_source=hashnode&utm_medium=feed) [TSI DEV Studio](https://hashnode.com/@tsidevstudio) · [Oct 15](https://hashnode.com/posts/why-android-screenshot-consistency-matters-more-than-you-think/6ad1377a7f3bd0754e187e14) ### [Why Android Screenshot Consistency Matters More Than You Think](https://tsidevstudio.hashnode.dev/why-android-screenshot-consistency-matters-more-than-you-think?utm_source=hashnode&utm_medium=feed) Control battery, signal, carrier and status bar details for consistent Android screenshots with Nullun. 3 min read · [tsidevstudio.hashnode.dev](https://tsidevstudio.hashnode.dev/why-android-screenshot-consistency-matters-more-than-you-think?utm_source=hashnode&utm_medium=feed) [Figsh hux](https://hashnode.com/@figsh) · [Oct 10](https://hashnode.com/posts/introducing-st-core-fscss-v2-pure-css-spider-radar-charts/6aca8c393665a6ad072a9f8e) ### [Introducing st-core.fscss v2 Pure CSS Spider / Radar Charts](https://fscss.hashnode.dev/introducing-st-core-fscss-v2-pure-css-spider-radar-charts?utm_source=hashnode&utm_medium=feed) st-core@v2 now ships polar spider (radar) charts — still no SVG, no canvas, no js charting library 7 min read · [fscss.hashnode.dev](https://fscss.hashnode.dev/introducing-st-core-fscss-v2-pure-css-spider-radar-charts?utm_source=hashnode&utm_medium=feed) [FreemiumAssets](https://hashnode.com/@freemiumassets) · [Oct 10](https://hashnode.com/posts/open-source-figma-alternatives/6ac9eddffdd5aed790f527a6) ### [Open Source Figma Alternatives: 7 Tools on GitHub](https://freemiumassets.hashnode.dev/open-source-figma-alternatives?utm_source=hashnode&utm_medium=feed) Explore 7 open-source Figma alternatives on GitHub, from UI/UX design tools like Penpot to AI-powered editors, wireframing, and prototyping tools. 6 min read · [freemiumassets.hashnode.dev](https://freemiumassets.hashnode.dev/open-source-figma-alternatives?utm_source=hashnode&utm_medium=feed) [Urvish](https://hashnode.com/@heyurvish) · [Oct 8](https://hashnode.com/posts/own-the-code-mit-sponsors-and-never-fighting-your-ui-library-again/6ac720f1d381d8d313e6e5ac) ### [Own the Code: MIT, Sponsors, and Never Fighting Your UI Library Again](https://uselayouts.hashnode.dev/own-the-code-mit-sponsors-and-never-fighting-your-ui-library-again?utm_source=hashnode&utm_medium=feed) I want to tell you about the worst forty minutes I've spent on a button. It was a button from a UI kit. A nice one. Popular, well documented, all of that. And I needed it to do one small thing it didn 34 min read · [uselayouts.hashnode.dev](https://uselayouts.hashnode.dev/own-the-code-mit-sponsors-and-never-fighting-your-ui-library-again?utm_source=hashnode&utm_medium=feed) [Figsh hux](https://hashnode.com/@figsh) · [Oct 7](https://hashnode.com/posts/st-core-fscss-visual-builder/6ac66f6d54bdd73592ca6b2a) ### [Free visual builder for st-core.fscss — pure CSS data viz](https://fscss.hashnode.dev/st-core-fscss-visual-builder?utm_source=hashnode&utm_medium=feed) st-core.fscss (Statistic Core) is a lightweight, CSS-based data visualization and dashboard layer for the FSCSS ecosystem: area and line charts from arrays and custom properties — no Chart.js, no SVG 3 min read · [fscss.hashnode.dev](https://fscss.hashnode.dev/st-core-fscss-visual-builder?utm_source=hashnode&utm_medium=feed)