Search Results for "ui"

RNUI is a UI toolset & components library for React Native. Basic components like buttons, avatars, and cards and more sophisticated ones like hints, ColorPicker and drawer.

...Instead of shipping static SVGs, it provides React components with animation baked in using motion/react, so hover and interaction states are part of the component design from the start. The project is designed to drop cleanly into modern React stacks, including Next.js and shadcn/ui-based projects, with Tailwind-friendly styling patterns. Installation can be as simple as pulling in specific icons and their dependencies, and it supports a registry-style workflow that fits teams that want consistency across products. It’s also meant to be forked and modified: you can copy the source of any icon, tweak the animation curves, adjust stroke width, and refine styling to match your system.

Pixel Profile is an open-source tool that generates pixel art-style profile cards from your GitHub data. It automates the creation of visually appealing, retro-themed cards that showcase your GitHub statistics, making your profile stand out. With easy integration and customization options, it's a fun way to personalize your GitHub presence.

...It wraps the GFPGAN model (served via Replicate) behind a friendly Next.js front end, so non-technical users can upload an image and receive an enhanced version without ever touching ML code. The workflow is straightforward: you upload a photo, the serverless API route sends it to Replicate, and the restored image is returned and displayed in the UI. The project is production-oriented, not just a toy: it uses Bytescale for storage and image processing, Vercel for hosting and serverless functions, Auth.js + Neon for authentication and database, and Upstash Redis for rate limiting. This combination makes it a good blueprint for building real-world AI apps that must deal with authentication, quotas, and storage as well as inference.

...This gives a smooth “fly from one page to another” animation effect for components that appear across routes (e.g., a card in list view flying into detail view). It’s especially suited for immersive UI/UX flows in single-page apps built with Vue. The library is experimental and requires Vue 3.

...Use the platform's native emojis, or cross-platform emojis from Twemoji. Even add your own custom emojis and GIFs. Search for emojis by name or tags. Customize sizing, layout, and UI elements. Emoji data is loaded once from a CDN and cached in the browser for subsequent sessions. Use the default operating system emoji images or use an alternative renderer to use, for example, images from Twemoji. It's just JavaScript, no frameworks or libraries required. This means you can use it in any app under any framework. ...