Search Results for "css layout templates"
Sort By:
Showing 484 open source projects for "css layout templates"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
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
...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.
-
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. -
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
5
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. -
6
CSS Grid Generator
Generate basic CSS Grid code to make dynamic layouts
CSS Grid Generator is a visual tool built to help web designers and developers quickly create CSS Grid layout code without writing the grid definitions manually. You select the number of columns, rows, and units (e.g., fr, px, %), then visually drag and place items, resize them and position them within the grid to prototype layouts by hand. -
7
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. -
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
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... -
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.
-
10
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. -
11
Custom CSS and JS
Custom CSS Plugin for Visual Studio Code. Based on vscode-icon
Custom CSS and JS is a Visual Studio Code extension that allows users to inject custom CSS and JavaScript into the editor interface, enabling deep visual and behavioral customization beyond what standard themes provide. The tool works by modifying VS Code’s internal styling system, allowing developers to override UI elements such as fonts, colors, spacing, and layout with their own stylesheets. -
12
beautiful-html-templates
A library of HTML slide templates
...Its templates are intended to be practical starting points rather than generic blank layouts. The library is useful for AI-assisted deck creation, branded one-off presentations, and fast visual prototyping. Its main value is helping agents create attractive HTML-based slides without designing every layout from scratch. -
13
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. ... -
14
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... -
15
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. ... -
16
Grid Garden
A game for learning CSS grid layout
Grid Garden is an interactive browser game for learning CSS Grid layout. It teaches Grid concepts by asking players to water carrots and avoid weeds using CSS grid properties. The game makes grid placement, sizing, and alignment feel concrete through visual levels instead of static documentation. Learners practice properties such as grid-column-start, grid-column-end, grid-row-start, grid-row-end, grid-template-columns, grid-template-rows, and order. -
17
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. -
18
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. ... -
19
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. ... -
20
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. -
21
_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... -
22
reveal-md
reveal.js on steroids. Get beautiful reveal.js presentations
...Authors can separate slides with configurable syntax and include highlighted code blocks, speaker notes, and YAML front matter. Themes, syntax-highlighting styles, custom CSS, scripts, templates, favicons, and reveal.js options provide extensive presentation customization. Live reload automatically updates the presentation while the Markdown source is being edited. Presentations can also be exported to PDF or built as static websites, although the project is no longer under active feature development. -
23
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. ... -
24
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. -
25
cult/ui
Components crafted for Design Engineers. Styled using Tailwind CSS
...It focuses on providing copy-and-paste components that integrate seamlessly into existing projects, reducing the need for complex setup or heavy dependencies. The library is built using modern frontend technologies such as Tailwind CSS and is fully compatible with ecosystems like shadcn, making it highly adaptable. It also includes a large catalog of prebuilt AI agent patterns and templates, allowing developers to rapidly prototype and deploy AI-powered features such as data analysis tools, chat interfaces, and automation systems. The project emphasizes developer experience, offering live previews, modular design, and full-stack templates that can be used as starting points for applications. ...
