# UI/UX · Tech watch [Canonical source]() Designing interfaces and flows around user needs. ## [Sera UI: customizable React and Next.js components]() Sera UI collects JSX components and interface blocks styled with Tailwind CSS. The collection provides customizable foundations for forms, dashboards and web pages. 2025-10-07 · [Markdown]() · [Original resource]() ## [EmbedPDF: add a framework-independent PDF viewer]() EmbedPDF provides a JavaScript PDF viewer that integrates with multiple frameworks. The repository distinguishes the stable branch from ongoing development and links to demos and documentation. 2025-09-07 · [Markdown]() · [Original resource]() ## [Lina: adapt scroll areas for touch and desktop]() Lina provides a scroll area with adaptive scrollbars and position-aware edge masks. It preserves native touch behavior while refining desktop interactions. 2025-09-07 · [Markdown]() · [Original resource]() ## [DivKit: describe cross-platform interfaces from the server]() DivKit describes elements, states and animations in data sent to the client. Native Android, iOS and web renderers support interface changes without a separate app release for each update. 2025-08-08 · [Markdown]() · [Original resource]() ## [Puck: build pages with your application’s components]() Puck presents an embedded React visual editor connected to components, design rules and business APIs. The platform also offers interface generation based on those same building blocks. 2025-07-29 · [Markdown]() · [Original resource]() ## [Flora: organize AI visual creation on a canvas]() Flora brings text, image and video models into a shared creative workspace. Its canvas supports exploring alternatives and turning an idea into a repeatable workflow. 2025-07-14 · [Markdown]() · [Original resource]() ## [Kibo UI: extend shadcn/ui with composable components]() Kibo UI provides a component registry designed for shadcn/ui. Color pickers, image zoom and code blocks extend the toolkit while remaining customizable. 2025-07-12 · [Markdown]() · [Original resource]() ## [Puck: embed a visual editor in a React application]() Puck is a React component for building drag-and-drop editors with your own components. Its modular model leaves the application in control of data and composition rules. 2025-06-01 · [Markdown]() · [Original resource]() ## [21st: explore React components, templates and themes]() 21st collects interface components and blocks, including hero sections, cards and animated backgrounds. The catalogue supports comparing visual directions and finding a starting point to customize. 2025-05-08 · [Markdown]() · [Original resource]() ## [Coss UI: a component library built on Base UI]() The former Origin UI address now leads to coss ui and its component catalogue. Accordions, dialogs, fields and calendars provide shared building blocks for interfaces. 2025-05-08 · [Markdown]() · [Original resource]() ## [PDFSlick: embed PDF navigation and tools in web applications]() PDFSlick provides PDF viewer examples for React, Svelte, SolidJS and JavaScript. Navigation, thumbnails and zoom show how documents can become part of the application interface. 2025-05-04 · [Markdown]() · [Original resource]() ## [Made with React: discover ecosystem projects and components]() This catalogue presents applications, components, frameworks and tools built around React. Categories make it easier to find examples and libraries to investigate. 2025-02-25 · [Markdown]() · [Original resource]() ## [Motion Primitives: compose interfaces with adjustable animations]() This collection provides animated interface components to copy and customize. Demos cover text effects and transitions for enhancing existing interactions. 2025-02-20 · [Markdown]() · [Original resource]() ## [React Bits: customize animated components from source]() React Bits collects backgrounds, text effects and interactive components installed as source code. Exposed parameters let developers tune motion and appearance for their project. 2025-02-15 · [Markdown]() · [Original resource]() ## [Onlook: visually edit a Next.js and Tailwind interface]() Onlook provides a visual editor that works against application code. The repository demonstrates browser-based page and style editing with AI assistance. 2025-01-29 · [Markdown]() · [Original resource]() ## [Pragmatic Drag and Drop: examples of reorderable lists]() Atlassian demonstrates its drag-and-drop building blocks through working examples. The demos and source code show how to adapt interactions to different frontend stacks. 2024-12-20 · [Markdown]() · [Original resource]() ## [QuickPic: convert and prepare small web images]() QuickPic collects utilities for converting SVG to PNG, making square images and rounding corners. It provides focused operations for quickly preparing visuals. 2024-11-10 · [Markdown]() · [Original resource]() ## [Uiverse: explore reusable interface elements]() Uiverse collects community-built interface elements with HTML/CSS, Tailwind or React code. It offers examples for studying visual treatments and adapting components to a project. 2024-10-13 · [Markdown]() · [Original resource]() ## [ThumbHash: compact image placeholders with transparency]() ThumbHash stores a compact image placeholder alongside application data. It encodes aspect ratio and transparency to improve the display before the full image loads. 2024-09-14 · [Markdown]() · [Original resource]() ## [BlurHash: show placeholders while images load]() BlurHash turns an image into a short string representing a blurred placeholder. Clients can render it immediately to avoid empty boxes during image loading. 2024-09-14 · [Markdown]() · [Original resource]() Page 3 / 4 [Previous]() [Next]()