Search Results for "styling"
Sort By:
Showing 59 open source projects for "styling"
View related business solutions-
One Monitoring Tool for IT, OT and Cloud | Free TrialModern infrastructure spans data centers, cloud platforms and factory floors, and every blind spot between them is a risk. PRTG supports SNMP, WMI, SSH and other standard protocols to monitor IT, OT and hybrid environments through one customizable dashboard. Build the views your team needs, from network health to application performance, without switching tools. Try PRTG free for 30 days now.
-
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
1
Radix Primitives
Radix Primitives is an open-source UI component library
Radix UI Primitives is a low-level, headless component library designed to provide the behavioral and accessibility foundations for building modern web interfaces without imposing any visual styling. It focuses on delivering fully accessible components that strictly follow WAI-ARIA guidelines, ensuring proper keyboard navigation, focus management, and screen reader compatibility out of the box. Instead of shipping pre-styled components, Radix provides unstyled primitives that developers can fully customize using any styling solution, allowing complete control over appearance while relying on robust underlying logic. ... -
2
gluestack-ui
React & React Native Components & Patterns
...Instead of installing a monolithic dependency, developers can selectively copy only the components they need directly into their codebase, avoiding unnecessary bloat and vendor lock-in. The library is deeply integrated with Tailwind CSS through NativeWind, allowing a consistent styling approach across both web and mobile platforms. It emphasizes composability and flexibility, enabling developers to customize every aspect of a component, including behavior, structure, and styling. The architecture supports React Server Components and modern TypeScript tooling, making it suitable for scalable and high-performance applications. ... -
3
ARK
Unstyled, accessible UI components for your design System
...Because the components are headless, developers bring their own CSS frameworks, styling solutions, or design tokens, which makes the library highly adaptable for custom UI systems. -
4
Tamagui
Style React fast with 100% parity on React Native
Tamagui is a cross-platform UI framework and styling system for React and React Native that enables developers to build high-performance applications with a single codebase shared across web and mobile platforms. It combines a universal style system with a powerful optimizing compiler that transforms styled components into efficient, platform-specific output, significantly improving runtime performance. -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
5
BRAID
Themeable design system for the SEEK Group
Braid aims to make cross-brand UI development as fast as possible while maintaining a high level of quality and accessibility. In order to achieve this, Braid provides as a set of React components and CSS variable-based styling themes using vanilla-extract. As much as possible, we want Braid code to make sense to non-developers. We’re aggressively focused on the simplicity and composability of its API. Along with our work on Playroom, our goal is to empower designers and developers to iterate together in the same medium using the same components, reducing the need for high fidelity mock-ups before development starts. ... -
6
Motion-Primitives
UI kit to make beautiful, animated interfaces, faster
...Its components are designed for engineers and designers who want motion without recreating interactions from scratch. The project uses Motion and Tailwind CSS as its core animation and styling technologies. Components are designed to be easy to integrate and customize within existing interfaces. The repository separates reusable core components from UI and website-specific elements to support a structured implementation. It is currently distributed as a beta project with dedicated documentation and continuing additions to its component collection. -
7
Tiptap
The headless editor framework for web artisans
...It’s customizable, comes with a ton of extensions, is open source and has extensive documentation. Join our welcoming community and start building cool things! It’s headless and comes without any CSS. You are in full control over markup, styling and behavior. Real-time collaboration, syncing between different devices and working offline isn’t hard anymore. Keep everything in sync with the magic of Y.js. Out of the box, Tiptap works with Vanilla JavaScript and Vue.js, but it’s also possible to use it in React, Svelte and others. There’s so much content shared, so many people helping out in issues and a ton of community extensions, you’ll be surprised how much that all can help. ... -
8
heroui-native
Beautiful, fast and modern React Native UI library
heroui-native is a modern React Native UI component library designed to provide developers with beautiful, high-performance, and accessible mobile interface elements out of the box. Built with Tailwind CSS principles through Uniwind, it allows developers to apply familiar utility-first styling patterns to native mobile development. The library emphasizes design consistency and usability, offering components that are visually polished while maintaining flexibility for customization. Each component is fully typed and follows predictable patterns, making it easier to integrate into large-scale applications. HeroUI Native also focuses heavily on accessibility, ensuring proper handling of touch interactions, screen readers, and focus management. ... -
9
Driver.js
A lightweight, dependency-free JavaScript library
Driver.js is a lightweight, framework-agnostic JavaScript library for building guided tours, feature spotlights, and product walkthroughs. It programmatically highlights elements on a page, dims the background, and attaches callouts so users learn new flows without leaving the UI. The API lets you define steps, order, and behavior, while handling positioning, scrolling, and viewport collisions gracefully. It strives to be unobtrusive: tours can be triggered contextually, resumed, or... -
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
10
Sera UI
UI component library for React, Next.js, and other JSX frameworks
Sera UI is a modern, open source component library designed for React, Next.js, and other JSX-based frameworks, focused on helping developers build visually polished and highly interactive user interfaces with minimal effort. It is built on top of Tailwind CSS, which enables a utility-first styling approach that makes customization fast, flexible, and consistent across projects. One of its defining characteristics is its copy-and-paste philosophy, allowing developers to directly own and modify component code instead of relying on rigid packages or black-box abstractions. The library includes a growing collection of reusable components such as buttons, forms, modals, tabs, and layout elements, all crafted with attention to design quality and usability. ... -
11
Page UI
Landing page UI components for React & Next.js
Page UI is a modern UI component library specifically designed for building high-conversion landing pages using React and Next.js, with styling powered by Tailwind CSS. Unlike traditional UI libraries that focus on generic application components, Page UI is tailored toward marketing and product landing pages, offering prebuilt sections and layouts that are optimized for user engagement and conversion. It is closely tied to the PageAI ecosystem, which uses AI to generate complete websites, making Page UI a foundational layer for those generated interfaces. ... -
12
shadcn-chat
CLI for adding customizable and re-usable chat components
shadcn-chat is a chat application template built using ShadCN/UI and Next.js. It provides a modern, stylish, and customizable chat interface designed for developers who want to integrate chat functionality into their applications quickly. The project follows best practices for UI development and supports real-time messaging features. -
13
Searchkit
React + Vue Search UI for Elasticsearch & Opensearch
Searchkit is an open-source library that simplifies the integration of Elasticsearch into React applications, providing tools to build user-friendly search experiences with minimal effort. -
14
DragSelect
An easy JavaScript library for selecting and moving elements
DragSelect is a JavaScript library that enables users to create a selection box for selecting multiple elements on a webpage. It is lightweight, highly customizable, and can be easily integrated into any front-end project requiring drag-based selection. -
15
next-starter
A Next.js starter template, packed with features
next-starter is a comprehensive Next.js starter template designed to accelerate project initialization. It integrates essential tools and technologies, including TypeScript, Tailwind CSS, NextAuth.js, ESLint, Stripe, and various testing utilities, providing a robust foundation for building scalable and maintainable web applications. -
16
react-rollup-boilerplate
Boilerplate for creating React component libraries
This boilerplate is tailored for creating React component libraries, utilizing Rollup.js to bundle components into ES Modules and CommonJS formats. It incorporates TypeScript for type safety and Storybook for interactive component development, streamlining the process of building and distributing reusable React components. -
17
Apple Music-like Lyrics
A lyric player component library aims to look similar to iPad
Apple Music-like Lyrics is a frontend-oriented project that recreates the dynamic, synchronized lyrics display experience found in Apple Music, focusing on smooth animations, real-time highlighting, and visually engaging typography. It is designed to render time-synced lyrics in a way that emphasizes readability and immersion, often using techniques such as progressive highlighting, scrolling alignment, and transitions that follow the rhythm of the music. The project demonstrates how modern... -
18
Webstudio
Open source website builder and Webflow alternative
...The project positions itself as a Webflow alternative but emphasizes openness, portability, and deep control over the generated frontend code. It connects to any headless CMS and exposes the full power of CSS within a visual interface, allowing users to fine-tune responsive behavior and styling without sacrificing flexibility. Webstudio supports both hosted usage and full self-hosting, giving organizations the option to avoid vendor lock-in. Its architecture is built around modern web standards and focuses on maintainable, high-performance output suitable for production environments. Overall, Webstudio targets teams that want a no-code or low-code experience without losing developer-level control over the final product. -
19
Create Expo Stack CLI
CLI tool to initialize a React Native application with Expo
This CLI tool is designed to help you get started with React Native and Expo as quickly as possible. The CLI options allow you to configure your project with Typescript, file-based routing with Expo Router, configuration-based navigation via React-Navigation, styling with NativeWind, Restyle, StyleSheets, or Tamagui and authentication via Supabase or Firebase. -
20
Chakra UI
Chakra UI is a component system for building SaaS products with speed
Chakra UI is a modern, accessible React component system designed for rapid development of design systems and web applications. It provides built-in theming, accessibility, and composability features. To use Chakra UI components, all you need to do is install the chakra-ui/react package and its peer dependencies. Works with Next.js RSC. Component system for building SaaS products with speed. Fully customizable with typography, tokens, and component “recipes”. -
21
vCard
vCard is a fully responsive personal portfolio website
...Portfolio content can be filtered by category, while navigation dynamically switches between page-like sections without requiring a full application framework. Because the project uses standard front-end technologies and carries an MIT license, developers can easily customize its content, styling, imagery, and structure for personal sites. -
22
Shadcn Admin Dashboard
Admin Dashboard UI built with Shadcn and Vite
...Accessibility and responsive behavior are treated as core design requirements rather than optional additions. Several shadcn components are modified to improve right-to-left language support. TanStack Router handles navigation, while Tailwind CSS and Radix UI provide styling and accessible primitives. -
23
Choices.js
A vanilla JS customizable select box/text input plugin
...If you need to support a browser that does not have one of the features listed below, I suggest including a polyfill from the very good polyfill.io. Events fired by Choices behave the same as standard events. No jQuery dependency, configurable sorting, flexible styling, fast search/filtering, clean API, right-to-left support, custom templates. -
24
Material UI
Comprehensive React component library that implements Material Design
...Start quickly with Material Design or use the advanced theming feature to easily tailor the components to your needs. CSS utilities allow you to move faster and make for a smooth developer experience when styling any component. Reach out for the Figma Design Kit and the Sync plugin to bridge the gap between development and design when using Material UI. -
25
TWC
Create reusable React + Tailwind CSS components in one line
...TWC works with standard and custom components, including environments that use React Server Components. Built-in compatibility with tailwind-merge and class-variance-authority makes it suitable for design systems that need concise, composable, and type-friendly styling.
