Search Results for "styling" - Page 2
Sort By:
Showing 52 open source projects for "styling"
View related business solutions-
$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.
-
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
1
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... -
2
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... -
3
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... -
4
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. -
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
5
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. ... -
6
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”. -
7
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. -
8
Materio
An enterprise-grade Next.js admin dashboard template
Materio is a free admin dashboard template built with Next.js and Material-UI. It provides a modern design and a range of components to facilitate the development of administrative interfaces. -
9
Refine
Build your React-based CRUD applications, without constraints
...Refine is headless by design. It doesn’t ship with any pre-styled components or UI by default. Instead, you can use any custom design or UI framework for 100% control over styling. Not ready for going headless yet? No problem. Refine supports four powerful UI frameworks out-of-the box. Refine is a React-based framework for the rapid development of web applications. It eliminates repetitive tasks demanded by CRUD operations and provides industry-standard solutions for critical parts like authentication, access control, routing, networking, state management, and i18n. ... -
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.
-
10
Yamada UI
React UI components of the Yamada, by the Yamada
...It emphasizes accessibility and usability, ensuring that components adhere to best practices for inclusive design. Yamada UI also supports dark mode and customizable styling through a centralized theme system, allowing developers to maintain visual consistency across applications. Its modular structure allows for selective imports, reducing bundle size and improving performance. -
11
Startup
Startup is free Next.js template for SaaS startups
Startup Next.js is a free, open source website template designed to help developers quickly launch startup, SaaS, or business websites using modern web technologies. It is built with Next.js and Tailwind CSS, combining performance-focused architecture with utility-first styling for rapid development. The template includes all essential pages and sections required for a complete business website, such as landing pages, feature sections, blogs, and contact areas. It emphasizes clean, high-quality design and follows best practices in semantic coding, making it suitable for production use. The template also supports TypeScript, improving maintainability and developer experience in larger projects. ... -
12
zag
Finite state machines for building accessible design systems and UI
...Built-in adapters that connect machine output to DOM semantics in a WAI-ARIA-compliant way. Component logic is largely JavaScript code and can be consumed in any JS framework. Zag machine APIs are completely headless and unstyled. Use your favorite styling solution and get it matching your design system. Finite state machines for building accessible design systems and UI components. Works with React, Vue and Solid. -
13
Styled Components
Visual primitives for the component age
...Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components. It also removes the mapping between components and styles, using components as a low-level styling construct could not be easier! Alternatively, you may use style objects. This allows for easy porting of CSS from inline styles, while still supporting the more advanced styled-components capabilities like component selectors and media queries. styled-components is compatible with both React (for web) and React Native, meaning it's the perfect choice even for truly universal apps! ... -
14
Ink UI
Ink-redible command-line interfaces made easy
Ink UI is a collection of reusable UI components for command-line interfaces built on top of the Ink React renderer. It is designed to give CLI tools the kind of rich, consistent interface you would expect from a modern web app, but rendered entirely in the terminal. The library ships with a broad set of interactive inputs, including text, email, password, confirm prompts, and single or multi-select lists, so you can cover most CLI interaction needs out of the box. It also includes feedback... -
15
React Pro Sidebar
Components to create high level and customizable side navigation
React Pro Sidebar is a highly customizable sidebar component for React applications, providing an easy way to create collapsible and responsive side navigation menus. It includes built-in themes and supports icons, submenus, and styling options. -
16
Deno SaaSKit
A modern SaaS template built on Fresh
Deno is the easiest, most secure JavaScript runtime. Deno includes a built-in toolchain, and TypeScript supports out of the box for more productivity with less config. Deno SaaSKit is an open-sourced, highly performant template for building your SaaS quickly and easily. Built on web standards with zero-config TypeScript, unmatched security, and a complete built-in toolchain. -
17
NextBase Starter
Free Boilerplate and Starter kit for Next.js 14+, Supabase, Tailwind
Nextbase Lite is a simple Next.js 13 + Supabase boilerplate. It includes a Next.js 13 app with Typescript, Supabase, and Tailwind CSS. It includes the all-new app folder, layout components, React server components, and more. -
18
Tail-Kit
Components and templates kit fully coded with Tailwind css 3.0
Tail-kit is a free and open-source collection of Tailwind CSS components and templates designed to help developers quickly build modern web interfaces through reusable, copy-ready elements. It provides a large library of over 200 fully coded UI components, covering common patterns such as forms, navigation, cards, and layouts. The project also includes complete templates for dashboards, landing pages, and authentication screens, enabling rapid prototyping and production use. One of its... -
19
react-chat-elements
Reactjs chat elements chat UI, react chat components
...The library is intended to accelerate development by offering ready-to-use elements that handle common chat interface requirements without requiring developers to design them from scratch. It supports customization through props and styling options, allowing developers to adapt the components to match their application’s branding and behavior. The components are designed to be modular and composable, enabling developers to build complex chat interfaces by combining smaller building blocks. It is particularly useful for applications that include messaging features, customer support chats, or real-time communication tools. -
20
ui-box
Blazing Fast React UI Primitive
...The library is designed to be fast and extensible, focusing on minimal overhead while still offering powerful styling capabilities. It also supports advanced features such as pseudo-selectors and conditional styling through prop-based configurations. ui-box serves as the foundational layer for more complex UI systems. -
21
NativeBase
Mobile-first, accessible components for React Native & Web
...Version 3.0 ships with complete ARIA integration, support for utility props and nearly 40 components that are consistent across Android, iOS and Web. Fast-track your dev process with NativeBase 3.0. Building with React Native from scratch is a tedious process with multiple steps such as adding styling, interactions, state management, responsiveness, accessibility, etc. We wanted to build and ship accessible, high-quality apps quickly. NativeBase was added to the list of Frameworks of Awesome React Native and it is used by numerous React lovers across the world. Our inspirations include Material UI, Chakra UI, Ant Design, Braid Design System, Bootstrap, TailwindCSS & Flutter. -
22
Magnus UI
A Utility-First React Native UI Framework
Magnus UI is a utility-first UI framework designed to simplify the process of building consistent and visually appealing mobile interfaces using React Native. It follows a design philosophy similar to Tailwind CSS, where developers apply styling directly through component props rather than separate stylesheets, allowing for rapid UI development and easier maintenance. The framework is built with TypeScript, providing strong typing and improved developer experience, especially when working with themes and reusable design tokens. It supports multiple platforms including Android, iOS, and web, making it suitable for cross-platform applications without significant configuration overhead. ... -
23
React Charts
Simple, immersive & interactive charts for React
TanStack React-Charts is a headless React library focused on composable, customizable, and performant charting components, providing flexible chart primitives without imposing styling or rendering constraints. Simple, immersive and interactive charts for React. Extensible with custom rendering layers and styles. Supports various chart types (line, bar, pie, etc.) -
24
NativeScript-Drop-Down
A NativeScript DropDown widget
The NativeScript-Drop-Down plugin introduces a drop-down widget for NativeScript applications, enabling developers to present a list of options from which users can select, enhancing form inputs and selection interfaces. -
25
Phaser Input
Adds input boxes to Phaser like CanvasInput, but also works for WebGL
phaser-input is a text input plugin for Phaser, enabling text fields in canvas-based games. Since HTML inputs can't be styled or positioned reliably in canvas games, phaser-input provides native-feeling input boxes that work directly in-game.