Search Results for "styling" - Page 2
Sort By:
Showing 83 open source projects for "styling"
View related business solutions-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
1
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... -
2
TanStack Table
Headless UI for building powerful tables & datagrids for TS/JS
TanStack Table is a headless UI library crafted for building powerful, highly customizable tables and data grids with TypeScript/JavaScript. It provides robust logic, state management, and APIs while intentionally omitting UI markup and styling, giving developers total control over presentation. It supports multiple frameworks, including React, Vue, Solid, Svelte, Qwik, Lit, and Vanilla JS/TS. -
3
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. -
4
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. -
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
5
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. -
6
react-email
Build and send emails using React
...It allows developers to create emails using reusable components, making it easier to maintain consistency across different templates and campaigns. The library supports rendering to HTML that is compatible with major email clients, addressing common challenges such as inconsistent styling and layout issues. It integrates seamlessly with modern JavaScript tooling, enabling developers to use TypeScript, JSX, and component-based design patterns. React Email also provides utilities for previewing emails locally, improving the development workflow by allowing quick testing and iteration. Its focus on developer experience makes it particularly appealing for teams that already use React in their applications. ... -
7
carbon-components-svelte
Svelte implementation of the Carbon Design System
...The library also sits within a broader Carbon Svelte ecosystem that includes icon components, pictograms, charts, and preprocessors, which makes it possible to assemble full product interfaces with a unified design vocabulary. Its styling model supports multiple official themes. -
8
React Icons
svg react icons of popular icon packs
Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. If your project grows in size, this option is available. This method has the trade-off that it takes a long time to install the package. Suitable for MeteorJS, Gatsbyjs etc. SVG is supported by all major browsers. With react-icons, you can serve only the needed icons instead of one big font file to the users, helping you to... -
9
React Native Template Obytes
A template for your next React Native project
A template for your next React Native project, Made with developer experience and performance first: Expo, TypeScript, TailwindCSS, Husky, Lint-Staged, expo-router, react-query, react-hook-form, I18n. Our goal with this starter kit was to streamline the process of building React Native apps, both for our own team and for our clients. We wanted to create a resource that would allow us to create high-quality apps faster and with less effort, while ensuring that all of our projects adhere to... -
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
10
react-resizable-panels
React components for resizable panel groups/layouts
react-resizable-panels provides accessible, flexible split-view layouts for React without wrestling low-level pointer math yourself. It models layouts as “groups” of panels separated by resize handles, supporting horizontal or vertical orientation and mixed min/max constraints that prevent panels from collapsing unexpectedly. The library focuses on smooth interactions: dragging, double-clicking to reset, and keyboard resizing for users who rely on accessibility features. It also supports... -
11
Flint Chart
Visualization language that lets AI agents create expressive charts
Flint Chart is a visualization language and compiler built for AI-era chart creation. It lets agents and humans write compact, editable chart specifications without manually tuning every axis, label, scale, legend, or layout setting. The compiler uses data, semantic types, chart type, and encodings to derive polished chart settings automatically. One Flint input can compile into native Vega-Lite, ECharts, or Chart.js specifications. The repository includes a TypeScript library, an MCP... -
12
Flowbite Svelte
Official Svelte components built for Flowbite and Tailwind CSS
Flowbite Svelte is an official UI component library that brings the Flowbite design system into the Svelte ecosystem, enabling developers to build modern web applications using reusable components powered by Tailwind CSS. The library provides a comprehensive collection of interactive elements such as modals, dropdowns, navigation bars, forms, and data display components, all implemented with Svelte’s reactive model rather than external JavaScript logic. Because Svelte compiles components... -
13
Intent UI
Intent UI is a chill set of React components
Intent UI is a modern React component library focused on accessibility, customization, and developer ownership, built on top of React Aria Components and styled with Tailwind CSS. It follows a copy-and-paste philosophy similar to shadcn/ui, allowing developers to directly integrate and modify components within their own codebases instead of relying on rigid dependencies. The library emphasizes accessible design by leveraging ARIA standards and best practices, ensuring that components work... -
14
DESIGN.md
A format specification for describing a visual identity
...The file combines machine-readable design tokens with human-readable explanations, enabling agents to generate consistent user interfaces aligned with a brand. By providing persistent design context, it eliminates the need to repeatedly describe styling requirements to AI tools. The format supports interoperability across platforms and tools, making it a potential standard for agent-driven UI generation. It also includes tooling for validation and exporting design tokens. The goal is to enable agents to produce accurate, on-brand designs automatically. -
15
ikun-ui
A Svelte.js based UnoCSS UI library that allows you to make websites
ikun-ui is a Svelte-based UI component library built on top of UnoCSS, designed to help developers create visually appealing and highly customizable web interfaces with minimal effort. It provides a wide range of prebuilt components, including navigation elements, feedback components, data display tools, and layout utilities, all optimized for modern web applications. The library emphasizes flexibility through its UnoCSS preset system, allowing developers to configure themes, styles, and... -
16
media-chrome
Custom elements (web components) for making audio and video player
media-chrome is an open source library that provides fully customizable media player controls using native web components, allowing developers to design consistent and flexible audio and video player interfaces across different platforms and frameworks. Instead of relying on default browser controls or proprietary player APIs, Media Chrome introduces a set of reusable custom elements that can be composed using standard HTML, styled with CSS, and integrated into any JavaScript framework... -
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
json-render
Generate dashboards, widgets, apps, and data visualizations
...The tool is built to be embeddable in any JavaScript environment — client-side or server-side — without dependencies on a particular frontend framework, making it easy to drop into documentation sites, dev tools, or internal utilities. JSON-Render also supports customization hooks and configuration options so that developers can fine-tune how types are displayed, apply custom styling, and inject interactive behaviors like folding nested sections or filtering keys. -
19
phosphor-react
A flexible icon family for React
Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. We designed the icon library we always wanted to use. Easy to pick up and plug in. Truly consistent in style and scale. Flexible to multiple sizes and weights. Reserved enough to be multi-purpose, but a little quirky, too. Simply import the icons you need, and add them anywhere in your render method. Phosphor supports tree-shaking, so your bundle only includes code for the icons you use. Icon... -
20
Mini QR
Create & scan cute qr codes easily
Mini QR is a web app focused on making QR codes feel friendly and design-forward, combining a polished QR generator with a built-in scanner so you can both create and decode codes in the same place. It emphasizes customization so the QR you generate can match a brand, event theme, or personal style, including color and styling controls, framed layouts with labels, and the ability to add a logo image. Because QR reliability matters as much as looks, it exposes practical settings like error correction levels so you can balance data density with scannability, especially when adding a logo or encoding larger payloads. The scanning side supports camera-based scanning and image uploads, and it recognizes common QR content types such as URLs, emails, phone numbers, SMS messages, Wi-Fi credentials, and other structured payloads so the next action is obvious. ... -
21
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality apps
...Start with pre-made components, typography, and a base theme that adapts to each platform. Ionic lets developers to ship apps to the app stores and as a PWA with a single code base. With Adaptive Styling, apps look and feel at home on every platform. Create, build, test, and deploy your app with the Ionic CLI. Take advantage of Live Reload, deployments, integrations, and even use your favorite JS framework’s CLI. -
22
Vibe Design System
Official monday.com UI resources for application development in React
Vibe Design System is monday’s official open source design system and UI library for building React applications that look and feel native to the platform. It bundles a set of React component packages, design tokens, and styling primitives that promote consistency in colors, typography, spacing, and interaction patterns. It includes comprehensive documentation, a component catalog, and an interactive playground so developers and designers can explore components, review guidelines, and experiment with layouts before using them in production. Vibe is distributed as a package, and loading its CSS tokens provides a unified theming baseline across apps and extensions. ... -
23
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”. -
24
visx
Visualization components
...Start small and use only what you need. Bring your own state management, animation library, or CSS-in-JS solution. Odds are good your React app already has an opinion on how animation, theming, or styling is done. visx is careful not to add another one and integrates with all of them. As you start using visualization primitives, you’ll end up building your own charting library that’s optimized for your use case. You’re in control. And most importantly, it’s just React. If you know React, you can make visualizations. It’s all the same standard APIs and familiar patterns. visx should feel at home in any React codebase. -
25
canvas-editor
Canvas-based WYSIWYG rich text editor with advanced layout tools
...It is designed to provide a WYSIWYG editing experience similar to word processors, enabling precise control over layout, rendering, and document structure. canvas-editor supports a wide range of formatting and document features, including text styling, tables, images, and embedded elements, all managed through a structured data model. Its architecture is modular, allowing developers to extend functionality through plugins, custom commands, and event hooks. It includes support for page-based layouts with headers, footers, pagination, and print-ready output, including PDF generation. ...