Search Results for "css layout templates"
Sort By:
Showing 33 open source projects for "css layout templates"
View related business solutions-
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.
-
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
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
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... -
6
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#. -
7
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... -
8
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,... -
9
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... -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
10
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. ... -
11
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. -
12
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.... -
13
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. ... -
14
Krajee bootstrap-star-rating
A simple yet powerful JQuery star rating plugin with fractional rating
A simple yet powerful JQuery star rating plugin for Bootstrap that supports advanced features like fractional star fill and RTL input support. Developed with a focus on utilizing pure CSS-3 styling to render the control. The plugin uses Bootstrap markup and styling by default, but it can be overridden with any other CSS markup. Ability to size the rating control to any size including the stars, caption, and clear button. Five prebuilt size templates are available xl, lg, md, sm, and xs. However one can have their own size configured through a simple CSS manipulation. ... -
15
LCUI
A small C library for building user interfaces with C, XML and CSS
Build simple desktop apps with C, XML and CSS. LCUI is a simple GUI library, it is written in C, supports XML and CSS, you can use C, XML and CSS to build simple desktop applications, at present it is mainly supported by Windows, subsequent versions will improve support for Linux. If you have web development experience, then the use of LCUI will be easier to get started, because LCUI's XML, CSS, and element layout processing effects are similar to web browser, you can refer to the sample code on the left to learn about the effect. ... -
16
Solved by Flexbox
A showcase of problems once hard or impossible to solve with CSS
Solved by Flexbox is a collection of layout patterns that demonstrates how CSS Flexbox elegantly resolves classic web design problems. It tackles everyday challenges—vertical centering, equal-height columns, sticky footers, fluid media, and responsive grids—showing concise, production-ready CSS instead of elaborate hacks. Each pattern is presented with plain HTML, clear commentary, and minimal styling, making the underlying technique easy to adapt and extend. ... -
17
CSSBox
Pure Java HTML / CSS rendering engine
CSSBox is an (X)HTML/CSS rendering engine written in pure Java. Its primary purpose is to provide a complete information about the rendered page suitable for further processing. However, it also allows displaying the rendered document. -
18
NG6
An AngularJS Starter repo for AngularJS + ES6 + Webpack
...Styles are handled via SASS (node-sass), with each component encouraged to bundle its own styles, templates, and tests for strong locality. Overall, NG6-starter is designed as a “de facto” reference for developers who want to learn and adopt a modern workflow. -
19
frontend-mentor-challenges
My submissions for the Frontend Mentor Challenges
The frontend-mentor-challenges repository contains the author’s submissions to the platform Frontend Mentor — which offers structured UI/UX layout challenges (landing pages, components, form designs) for front-end developers. The codebase shows solutions in HTML, CSS, Javascript, with each challenge typically including an original design file plus the author’s implementation. It’s a great way to practice responsive layouts, CSS grid/flexbox mastery, UI refinement, and build portfolio-worthy front-end snapshots. ... -
20
Chartist.js
Simple responsive charts
...Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that were not included. Are you planning to use Chartist to create a nice Dashboard or Admin UI? Don't loose any time and kickstart your development using the awesome templates by Creative Tim. They include Chartist and come with awesome chart styles! Specifying the style of your chart in CSS is not only cleaner but also enables you to use awesome CSS animations and transitions to be applied to your SVG elements! Note that CSS3 animations on SVG CSS attributes are not supported on all browsers and the appearance may vary. -
21
Enlive
Selector-based templating and transformation system for Clojure
Enlive is a Clojure library for HTML templating, transformation, and scraping, supporting composable manipulation of HTML/XML in a functional style. It allows selecting, transforming, and generating HTML fragments using CSS selectors, and supports server-side template composition, dynamic pages, and content rewriting. By default selector-transformation pairs are run sequentially. When you know that several transformations are independent, you can now specify (as an optimization) to process... -
22
Dashboards by Keen IO
Responsive dashboard templates
Responsive dashboard templates for Bootstrap. Building an analytics dashboard? Don’t start from scratch. Grab one of our CSS Grid-based templates and admire your data in minutes. An attractive, custom analytics dashboard that's ready to be shown to your team or your customers. No hours lost tweaking CSS or testing responsiveness on eight different mobile devices. -
23
bbplot
R package that helps create and export ggplot2 charts
bbplot is an R package developed by the BBC visual journalism team aimed at helping data journalists and analysts produce chart styles consistent with BBC aesthetics. It provides functions and themes that make it easier to adopt BBC’s visual style (fonts, colors, annotations, layout) in ggplot2 plots. The package includes helper functions for axis labels, captions, legends, branding (e.g. BBC red lines or accents), and common chart types styled for editorial presentation. It offers templates and defaults that reduce styling overhead so users can focus on data and storytelling rather than aesthetic minutiae. ... -
24
MixItUp 3
Library for animated filtering, sorting, insertion, removal and more
MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more. MixItUp is open source and free to use for non-commercial, educational and non-profit use. For use in commercial projects, a commercial... -
25
Masonry
A cascading grid layout plugin
Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. All sizing and styling of items is handled by your own CSS. tem sizes can be set with percentages for responsive layouts. With the masonry layout mode, set percentage-width columnWidth with element sizing.
