Search Results for "css layout templates"
Sort By:
Showing 437 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.
-
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.
-
1
HTML CSS
Curso de HTML5 e CSS3
Tutorial, teaching, or resource collection on HTML and CSS, aimed at beginners. It likely contains sample websites, examples of markup, styling, exercises, and reference materials related to web front-end development using HTML and CSS. CSS styling samples and layout demonstrations. Educational documentation (README, explanations). Structured project examples (e.g. small websites). Version history/incremental improvements. -
2
Modular CSS Layout for Obsidian
CSS Layout hack for Obsidian.md
...Do log in to MCL GH Issue if you find anything not working properly. Modular CSS Layout (MCL) snippets are meant to provide useful layout options as a complement to the default theme or your chosen community theme. It focuses on working with Obsidian’s CSS classes and HTML structure to achieve the intended layout; which also means it won’t do any color-theme changes. -
3
CSS Reference
Fee visual guide to the most popular CSS properties
CSS Reference is a human-friendly, example-driven reference for CSS that focuses on how properties behave in practice rather than only listing their syntax. Each entry explains what a property does, shows concise examples, and illustrates the visual result so you can internalize concepts quickly. The reference highlights common pitfalls and “gotchas,” helping you avoid surprises when mixing layout modes like Flexbox and Grid or when dealing with overflow and positioning. ... -
4
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. -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
5
...Each exercise focuses on practical styling problems, from selectors and specificity to layout techniques like flexbox, grid, and responsive design. The structure supports incremental learning, allowing you to test your understanding, compare against expected outcomes, and iterate until styles match the intended result. While solutions exist, the guidance emphasizes problem solving with docs, search, and experimentation before peeking, cultivating independent debugging skills and confidence with CSS.
-
6
Email Templates
Create, preview, and send custom email templates for Node.js
Create, preview, and send custom email templates for Node.js. Highly configurable and supports automatic inline CSS, stylesheets, embedded images and fonts, and much more! Made for sending beautiful emails with Lad. We've added preview email by default to this package! If you run into any issues with configuration, files, templates, locals, etc, then you can use the DEBUG environment flag. -
7
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. -
8
The Magic of CSS
A CSS course to turn you into a magician
Magic of CSS is an open source educational project by Adam Schwartz that explores advanced CSS concepts through practical lessons. It is structured as a series of chapters that cover topics like the box model, layouts, positioning, typography, and animations. The repository is designed to go beyond basic CSS tutorials, teaching how to harness the language for complex, responsive, and visually appealing designs. Each lesson is supported by examples and code that demonstrate real-world use... -
9
Thymeleaf Layout Dialect
A dialect for Thymeleaf that lets you build layouts
Thymeleaf Layout Dialect is an extension for the Thymeleaf templating engine that enables a layout/decorator mechanism, letting you define base templates and inject fragments for reusable and maintainable page structures, eliminating the need for third-party layout libraries. -
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
10
Orbit CSS
First framework to create radial interfaces using only CSS
Orbit is a CSS framework designed to create radial UI designs effortlessly. It provides intuitive CSS classes and standard web components for building radial menus, dashboards, creative portfolios, or cutting-edge applications. Orbit harnesses the power of space-inspired metaphors to simplify learning. By leveraging concepts like Big Bang, orbits, satellites, gravitational centers, and gravitational force, Orbit tries to make it easier to grasp abstract ideas, allowing users to have an idea... -
11
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. ... -
12
React Dashboard
Isomorphic admin dashboard template
Built with React, Bootstrap, React Router, Redux and GraphQL based on Create React App and latest industry best practices. This seed project is a sort of a free version of a template that may be found on Themeforest or Wrapbootstrap with working backend integration. You may use it to bootstrap the development of your next web app. You can open your web app in a browser, on mobile devices and start hacking. Whenever you modify any of the source files inside the /src folder, the module bundler... -
13
Satori
Enlightened library to convert HTML and CSS to SVG
Enlightened library to convert HTML and CSS to SVG. Satori supports the JSX syntax, which makes it very straightforward to use. Satori will render the element into a 600×400 SVG, and return the SVG string. Under the hood, it handles layout calculation, font, typography and more, to generate a SVG that matches the exact same HTML and CSS in a browser. Satori only accepts JSX elements that are pure and stateless. -
14
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. ... -
15
Screenshot to Code
A neural network that transforms a design mock-up into static websites
Screenshot-to-code is a tool or prototype that attempts to convert UI screenshots (e.g., of mobile or web UIs) into code representations, likely generating layouts, HTML, CSS, or markup from image inputs. It is part of a research/proof-of-concept domain in UI automation and image-to-UI code generation. Mapping visual design to code constructs. Code/UI layout (HTML, CSS, or markup). Examples/demo scripts showing “image UI code”. -
16
Pico.css
Minimal CSS Framework for semantic HTML
...Elegant and consistent adaptive spacings and typography on all devices. Shipped with two beautiful color themes, automatically enabled according to the user preference. A classic company or blog layout with a sidebar. A simple layout for Google Amp, with inlined CSS. -
17
svg-sprite
A low-level Node.js module that takes a bunch of SVG files
...A low-level Node.js module that takes a bunch of SVG files, optimizes them, and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.) It comes with a set of Mustache templates for creating stylesheets in good ol' CSS or one of the major pre-processor formats (Sass, Less and Stylus). Tweaking the templates or even adding your own custom output format is really easy, just as switching on the generation of an HTML example document along with your sprite. ... -
18
_s
Inactive project
Underscores is a no-frills WordPress starter theme engineered to give developers a clean, standards-based foundation for building custom themes. It provides semantic templates, accessibility-minded markup, and a minimal stylesheet that sets sensible defaults without imposing a visual identity. The codebase includes template tags, custom header and menu scaffolding, widget areas, and translation-ready strings to speed up common theme tasks. Its structure is intentionally opinionated about... -
19
Autoprefixer
Parse CSS and add vendor prefixes to CSS rules by Can I Use
...It can help you get prefixes for: animations, transition, transform, grid, flex, flexbox and others. You can configure which browsers to generate prefixes for in the distribution. The IE grid layout polyfill is enabled, which is not by default in autoprefixer. Autoprefixer can be used to translate modern CSS Grid syntax into IE 10 and IE 11 syntax, but this polyfill will not work in 100% of cases. This is why it is disabled by default. -
20
AMP
Web component framework for building ads, emails, websites and more
AMP is an open source web component framework that allows you to easily create user-first websites, ads, emails, stories and more. AMP creates fast, smooth-loading web pages that prioritize the user-experience, consistently providing a fast experience across all devices and platforms. -
21
latexcv
A collection of cv and resume templates written in LaTeX
A collection of user-friendly LaTeX CV and résumé templates (packaged within the R Markdown vitae ecosystem), offering simple themes and templates for creating professional CVs without heavy TeX coding. Supports multiple display themes such as classic, modern, sidebar layouts. -
22
Whirlwind
Ridiculously fast, fully asynchronous, sharded hashmap for Rust
Collection of thread-safe, asynchronous data structures. Whirlwind is a lightweight CSS framework focused on performance and simplicity, offering developers a minimal approach to styling web applications. -
23
vitae
R Markdown Résumés and CVs
vitae is an R package that streamlines resume and CV creation via R Markdown. It includes a collection of LaTeX and HTML templates along with helper functions to dynamically populate content from data sources such as ORCID or spreadsheets. -
24
Hydeout
A refreshed version of Hyde for Jekyll 3.x and 4.x
...JavaScript is currently limited only to Disqus and Google Analytics (and is only loaded if you provide configuration variables). Hydeout makes heavy use of Flexbox in its CSS. If Flexbox is not available, the CSS degrades into a single-column layout. -
25
Webpack Encore
A simple but powerful API for processing and compiling assets
Symfony ships with a pure-JavaScript library, called Webpack Encore, that makes it a joy to work with CSS and JavaScript. You can use it, use something else, or create static CSS and JS files in your public/ directory directly and include them in your templates. Webpack Encore is a simpler way to integrate Webpack into your application. It wraps Webpack, giving you a clean & powerful API for bundling JavaScript modules, pre-processing CSS & JS, and compiling and minifying assets. ...
