Click any tag below to further narrow down your results
Links
The article explains the concept of slots in UI components, which allow for customizable content areas within a component. It discusses how slots improve flexibility, enhance code alignment, and address architectural challenges in design systems.
This article showcases various rich styled UI components built with React, shadcn, and Framer Motion for animations. It includes examples like interactive cards and animated text, making it easier to create visually appealing websites. Each component comes with code snippets to help developers implement them.
This article breaks down the differences between comboboxes, multiselects, listboxes, and dual listboxes. It explains their specific uses, how to choose the right one based on the number of options, and emphasizes the importance of displaying frequently used selections.
Web Awesome offers a comprehensive library of customizable, framework-agnostic UI components built with standard web technologies. It aims to streamline the design process, allowing developers to create unique projects without being locked into a specific framework. Users can also access Pro features for enhanced capabilities.
This article showcases a collection of HTML UI components that can be easily integrated into web projects. It features various elements like an expanding image gallery, countdown timer, testimonial wall, and more, each with customizable options. It's a useful resource for developers looking for inspiration and ready-to-use components.
Tiptap UI Components is a library of modular, MIT-licensed React components designed to facilitate the creation of rich text editor UIs using the Tiptap framework. Developers can quickly scaffold their projects and choose from a variety of customizable components while ensuring they always use the latest versions by installing via the Tiptap CLI. The components are styled minimally to integrate seamlessly with existing design systems.
RubyUI offers a collection of beautifully designed, customizable UI components that can be easily copied and pasted into applications. Built for speed using Phlex, it allows developers to create organized, reusable components with minimal dependencies while providing full control over design. The library is open source, requires Ruby 3.2 or later, and includes comprehensive documentation for easy implementation.
The article discusses how artificial intelligence can enhance user interface components, making them more interactive and visually appealing. It explores various techniques and tools that developers can utilize to create rich UI experiences powered by AI technologies. The focus is on the potential of AI to transform traditional design approaches into dynamic and responsive user interfaces.
A curated collection of UX guidelines, design patterns, and resources has been compiled to help designers easily find and utilize best practices in their work. The article promotes a UX bundle that includes video courses on interface design patterns and measuring UX, along with a discount code for readers. The author expresses gratitude to the UX community for their contributions to the field.
BNA UI is a command-line interface (CLI) tool designed for creating Expo React Native applications, featuring a collection of customizable and modern UI components. It supports light/dark themes, TypeScript, and provides a seamless setup for navigation and performance optimization across iOS and Android platforms. The project encourages community contributions and offers comprehensive documentation for users.
Sera UI is an open-source UI component library designed for React and Next.js, built with Tailwind CSS to streamline the development of responsive and interactive user interfaces. It offers a wide range of pre-built components, seamless customization options, and built-in animations through Framer Motion, making it an ideal choice for modern web development. Developers can quickly integrate components using a CLI or by manually copying code, enhancing productivity and design flexibility.
tweakcn is a Visual Theme Editor designed for tailwind CSS and shadcn/ui components, offering beautiful presets and extensive customization options to ensure unique UI designs. It aims to help users create distinctive components and provides a roadmap for future enhancements. Contributions to the project are encouraged and guided through a specific process.
Tiptap is an open-source editor framework that allows developers to build customizable editors with various features, including over 100 extensions and collaboration tools. Its UI Components and templates help accelerate the integration process, enabling faster market launches.
MCP-UI is an open specification designed to standardize user interfaces over the MCP framework, enabling developers to create interactive UI components that work across different platforms. It offers SDKs for various programming languages, supports secure execution in sandboxed iframes, and facilitates the integration of diverse content types. The framework allows for dynamic interactions in agentic applications, ensuring a consistent look-and-feel for users.
Knock offers a comprehensive toolkit for in-product messaging, enabling companies to create customizable, real-time notifications and engagement features within their applications. With a focus on performance and user experience, the platform supports various UI components and provides robust APIs for seamless integration. Marketers can also tailor content and maintain control over their frontend interfaces.
ReUI is an open-source collection of UI components and animations designed for React, Typescript, Tailwind CSS, and Motion, offering seamless integration with shadcn/ui. The platform provides documentation and an installation guide for quick setup, encourages contributions, and is licensed under the MIT License. Users can access a live demo and reach out for support via social media or email.
Effective prompts for AI design and code generators are crucial for achieving high-quality outputs. A structured approach consisting of context, description, platform, visual style, and UI components can significantly enhance the design process by guiding AI in creating practical and visually appealing user interfaces.
Naming is a crucial yet challenging aspect of design and development, influencing communication and understanding within teams. The article explores various resources and best practices for naming UI components, colors, design tokens, and products, emphasizing the importance of clarity and consistency to reduce confusion and enhance collaboration.