Search Results for "css layout templates"
Sort By:
Showing 51 open source projects for "css layout templates"
View related business solutions-
Forever Free Full-Stack Observability | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
1
CSS Protips
A collection of tips to help take your CSS skills pro
...Instead of reinventing styling for each project, css-protips encourages reuse of patterns, deeper understanding of layout and specificity quirks, and adoption of CSS practices that avoid common pitfalls (like layout bugs, rendering issues, or maintenance headaches). For teams building complex front-end applications, this repo can act as a shared style-guide reference to ensure consistency and quality across components. -
2
GitHub Markdown CSS
The minimal amount of CSS to replicate the GitHub Markdown
A minimal CSS library replicating GitHub’s Markdown rendering styles. Simply apply github-markdown.css and wrap content in .markdown-body to inherit styling—auto light/dark theme detection with size constraints for responsive layout. -
3
Must-Watch CSS
CSS Grid, flexbox, custom variables, performance, frameworks
Must-Watch CSS is a curated collection of high-quality recorded talks and presentations about CSS, covering both foundational topics (like layout, Flexbox, Grid) and more advanced or modern concerns (such as performance, tooling, CSS variables, animations, and architecture). Rather than being a code library, it serves as a learning resource — a “watch-list” for front-end or UI developers who want to deepen their understanding of CSS beyond basic syntax. ... -
4
iCSS
More than CSS
iCSS is a large curated repository of advanced CSS techniques, creative experiments, and deep dives into modern web animation and styling capabilities. Rather than being a traditional library, the project functions as an educational and inspirational knowledge base that explores unusual, powerful, or overlooked CSS features. The content covers topics such as layout tricks, animation patterns, visual effects, accessibility considerations, and emerging CSS standards. ... -
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
Float UI
Beautiful and responsive UI components and templates
Float UI is an open-source collection of modern UI components and website templates built primarily for React, with planned support for Vue, designed to help developers rapidly build visually polished and responsive web applications. It combines Tailwind CSS with carefully crafted design patterns to deliver components that are both aesthetically appealing and production-ready. The project includes a wide variety of reusable UI elements and complete templates, such as landing pages, dashboards, and navigation layouts, allowing developers to bootstrap projects quickly. ... -
6
PrimeVue
Next Generation Vue UI Component Library
PrimeVue is a full-featured UI component suite for Vue.js that provides developers with a rich set of customizable components, templates, and design resources for building modern web applications. It is part of the broader Prime ecosystem, which includes similar libraries for other frameworks, and is designed to maximize developer productivity through reusable UI building blocks. The library offers dozens of components covering common interface needs such as forms, data tables, charts, navigation, and layout systems, along with advanced features like accessibility compliance and responsive design. ... -
7
Intent UI
Intent UI is a chill set of React components
...It includes a wide range of components such as overlays, forms, visualizations, and layout elements, making it suitable for building full web applications. Intent UI also provides templates, blocks, and starter kits that accelerate development and reduce setup time for new projects. Its integration with modern frameworks like Next.js, Vite, and TanStack Router further enhances its flexibility and ease of adoption. -
8
dockview
Zero dependency docking layout manager supporting tabs
...Dockview includes advanced features such as floating panels, popout windows, and persistent layout serialization, enabling users to save and restore custom workspace configurations. Its architecture emphasizes performance and flexibility, providing a comprehensive API for programmatic control over layout behavior. The system also supports theming and customization through CSS variables, allowing seamless integration into different design systems. -
9
Page UI
Landing page UI components for React & Next.js
...The library helps developers avoid starting from a blank canvas by providing ready-to-use components that reflect best practices in layout, typography, and user flow. It is written in TypeScript and integrates seamlessly into modern frontend stacks, ensuring maintainability and scalability. Page UI emphasizes speed of development, allowing teams to assemble professional-looking landing pages quickly without relying on bulky templates. -
$300 in Free Credit Towards Top Cloud ServicesStart your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
-
10
Tailgrids
Open-source React UI library built with Tailwind CSS
Tailgrids is an open source UI component library built with Tailwind CSS, designed to accelerate the development of modern web applications by providing a large collection of production-ready components and templates. It offers more than 100 free components along with additional UI blocks and templates, enabling developers to quickly assemble interfaces for dashboards, landing pages, SaaS products, and eCommerce platforms. -
11
Meraki UI
Tailwind CSS components that support RTL languages
Meraki UI is a free and open source collection of Tailwind CSS components designed to help developers quickly build responsive and visually appealing web interfaces with minimal effort. The library focuses on simplicity and accessibility by providing copy-and-paste HTML components that can be easily integrated into any project without requiring complex setup or framework dependencies. It includes a wide variety of UI elements and sections for websites and landing pages, all built using modern layout techniques such as Flexbox and CSS Grid to ensure consistent responsiveness across devices. ... -
12
React Slick
React carousel component
This library is the port of jQuery slick library. React slick is a carousel component built with React. It is a react port of slick carousel. The easiest way to try out react-slick is using the Code Sandbox example. After you are done installing through yarn or npm, now you will have to include CSS in your project. But be aware slick-carousel has a peer-dependancy on jQuery which you, or your colleagues may not like to see in your console output, so you can always grab the CSS from there... -
13
MudBlazor
Do more with Blazor, utilizing CSS and keeping Javascript to a minimum
...We started MudBlazor with a simple promise, to empower the developer and fully take advantage of what Blazor offers. With MudBlazor you can create exceptional apps without the burden of mastering HTML, CSS and JS and focus your skillset on C#. -
14
Dompdf
HTML to PDF converter for PHP
dompdf is an HTML to PDF converter. At its heart, dompdf is (mostly) a CSS 2.1 compliant HTML layout and rendering engine written in PHP. It is a style-driven renderer, it will download and read external stylesheets, inline style tags, and the style attributes of individual HTML elements. It also supports most presentational HTML attributes. PDF rendering is currently provided either by PDFLib or by a bundled version the R&OS CPDF class written by Wayne Munro. -
15
Toolpad Core
Full stack components and low-code builder for dashboards and internal
Toolpad is a self‑hosted, open‑source, low‑code admin/dashboard builder and a collection of full-stack React components tailored for building internal tools and dashboards. Created by the team behind Material‑UI (MUI), it enables rapid development by combining drag‑and‑drop UI construction with tight backend integration. Toolpad Core provides the component library for Next.js/Vite projects, while the deprecated Toolpad Studio offered a visual builder interface. Toolpad Core is a set of high... -
16
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. ... -
17
hithesis
LaTeX thesis template package for Harbin Institute of Technology
hithesis is a LaTeX thesis template tailored to the formatting requirements of Harbin Institute of Technology, covering undergraduate, master’s, and doctoral submissions. It provides class files and examples that handle title pages, abstracts in multiple languages, acknowledgments, lists of figures/tables, symbols, and properly styled chaptering. The template includes bibliography settings and citation styles that conform to school rules, along with ready-made environments for formulas,... -
18
TW Elements
Huge collection of Tailwind MIT licensed (free) components
TW Elements is a large collection of UI components, templates, and plugins built specifically for Tailwind CSS, designed to extend its functionality with interactive and pre-designed elements. It provides hundreds of ready-to-use components, including forms, buttons, navigation elements, and layout blocks, enabling developers to build complete interfaces quickly. Unlike basic Tailwind utilities, TW Elements adds interactivity through JavaScript-powered components such as modals, dropdowns, and carousels, making it more feature-rich. ... -
19
SurveyJS
JavaScript Survey and Form Library
SurveyJS Form Library is distributed as npm packages and as scripts and style sheets that you can reference on your page. You can use it in any React, Angular, Vue, Knockout, or jQuery application. React, Angular, Knockout, and Vue3 are supported natively. To communicate with the server, the libraries use JSON objects that represent form schemas (content and layout of a form) and form results (answers). You have the option to build dynamic JSON-driven forms using our free full-featured... -
20
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. ... -
21
CSS Refresher Notes
Refresher of CSS concepts
CSS Refresher Notes is a comprehensive set of notes intended to help web developers revisit and solidify their understanding of core and advanced CSS concepts, organized as an approachable reference guide rather than a full textbook. The content spans foundational topics like positioning, display types, selectors, layout techniques, and box model intricacies, to more modern CSS capabilities such as media queries, responsive design principles, transitions, animations, and scalable vector graphics integration. ... -
22
Sailboat UI
Sailboat UI is a modern UI component library for Tailwind CSS
Sailboat UI is a Tailwind CSS-based component library designed to provide developers with a set of clean, responsive, and easily customizable UI elements for modern web applications. It focuses on simplicity and usability, offering prebuilt components such as buttons, cards, navigation elements, forms, and layout sections that can be quickly integrated into projects. -
23
Keen UI
A lightweight Vue.js UI library with a simple API
Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design. Keen UI is not a CSS framework. Therefore, it doesn't include styles for a grid system, typography, etc. Instead, the focus is on interactive components that require Javascript. You should be able to use Keen UI with any page layout, structure, or CSS framework. -
24
mPDF
PHP library generating PDF files from UTF-8 encoded HTML
mPDF is a PHP library that generates PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files ‘on-the-fly’ from his website, handling different languages. It is slower than the original scripts e.g. HTML2FPDF and produces larger files when using Unicode fonts, but support for CSS styles etc. and has been much enhanced. Supports almost all languages including RTL (Arabic and Hebrew), and CJK (Chinese-Japanese-Korean). Nested block-level elements (e.g.... -
25
Open HTML to PDF
An HTML to PDF library for the JVM
Open HTML to PDF is a pure-Java library for rendering a reasonable subset of well-formed XML/XHTML (and even some HTML5) using CSS 2.1 (and later standards) for layout and formatting, outputting to PDF or images. Use this library to generated nice looking PDF documents. But be aware that you can not throw modern HTML5+ at this engine and expect a great result. You must special craft the HTML document for this library and use it's extended CSS feature like #31 or #32 to get good results. ...
