Search Results for "css layout templates"
Sort By:
Showing 24 open source projects for "css layout templates"
View related business solutions-
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
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.
-
1
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. ... -
2
screenshot-to-code
Drop in a screenshot and convert it to clean code
screenshot-to-code converts UI screenshots or design images into working front-end code, accelerating the path from concept to prototype. It uses modern vision-capable or code-generating models to infer layout structure, typography, and components, then outputs clean HTML/CSS (often Tailwind) or framework code. A web interface lets you upload images, tune options, and preview generated results, while a backend service orchestrates the model calls and post-processing. The tool focuses on practical developer outputs—semantic markup, reusable components, and readable classes—so the result is a starting point you can refine, not a throwaway demo. ... -
3
bfxr
Flash + AIR sound effects generator. Based on Sfxr.
The bfxr project by increpare is a sound-effects generator tool originally built using Flash + AIR, based on the earlier Sfxr project. Its purpose is to enable users, especially game developers and sound designers, to quickly generate retro, 8-bit/“chiptune” style sound effects (“bleeps”, “booms”, “zaps”, etc.) without deep knowledge of audio signal processing. It offers an interactive GUI through which you can tweak many parameters (oscillators, envelopes, filters, etc.) to sculpt custom... -
4
Frescobaldi
LilyPond sheet music text editor
Frescobaldi is a free and open source LilyPond sheet music text editor. Designed to be powerful yet lightweight and easy-to-use, Frescobaldi offers great functionality and a host of useful features such as music view with advanced two-way Point & Click, Midi capturing to enter music, a Snippet Manager and many more. Frescobaldi is named after Girolamo Frescobaldi (1583-1643), an Italian composer of keyboard music in the late Renaissance and early Baroque period. -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
5
AlbumForge
Revolutionary photo album software with social impact program
AlbumForge is revolutionary photo album creation software combining cutting-edge technology with authentic social impact. Create stunning high-resolution PDF albums entirely offline with zero cloud dependency. KEY FEATURES: - World's first geographic storytelling with cinematic fly animations - 100+ professional templates with AI-powered layouts - High-resolution PDF export (600 DPI) and MP4 video export - 100% offline operation - no cloud dependency or tracking - 50+ native... -
6
RhinOS
RhinOS, CMS, Content Management System, Josep Sanz Campderrós
RhinOS is a framework to develop web sites using the latest features to provide a fastest access and administration to the web portal. The main features are: - Parametrized CMS and simple and efficient pseudo-code parser. -
7
Excel to Graphviz
Free Excel tool to easily create Graphviz data visualizations.
The Excel to Graphviz Relationship Visualizer spreadsheet transforms your Excel data into professional Graphviz diagrams. Enter simple "A is related to B" rows to instantly generate polished relationship graphs using the Graphviz DOT language. Ideal for data analysis, network visualization, and IT architecture. Free, open-source, MIT-licensed. Customize the look of nodes, edges, and clusters with the Style Designer. Build a CSS-like gallery of reusable styles that lets you apply... -
8
react-three/flex
Flexbox for react-three-fiber
Placing content in THREE.js is hard. @react-three/flex brings the webs flexbox spec to react-three-fiber. It is based on Yoga, Facebook's open-source layout engine for react-native. Simply create layouts by wrapping your 3D objects in different <Box /> instances inside a <Flex /> container. This way they will be automatically placed in the 3D space following the flexbox specification just like in the DOM. You can tweak the container and the boxes using standard CSS flex properties, like flexDirection or justifyContent for the container and flexGrow for the boxes. ... -
9
Harp
Static site server/generator with built-in preprocessing
Harp is a static web server that also serves Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript as HTML, CSS, and JavaScript without any configuration. It supports the beloved layout/partial paradigm and it has flexible metadata and global objects for traversing the file system and injecting custom data into templates. Optionally, Harp can also compile your project down to static assets for hosting behind any valid HTTP server. Pre-compilers are becoming extremely powerful and shipping front-ends as static assets has many upsides. ... -
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
lazysizes
High performance and SEO friendly lazy loader for images
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration. It may become also your number one tool to integrate responsive images. It can automatically calculate the sizes attribute for your responsive images, it allows you to share media queries for your media attributes with your CSS, helping to separate layout (CSS) from content/structure (HTML) and it makes integrating responsive images into any environment really simple. ... -
11
PureCSS Francine
HTML/CSS drawing in the style of an 18th-century oil painting
...Every visual element—from facial features to textures—is rendered using handcrafted CSS properties, illustrating advanced concepts in styling and layout manipulation. As a result, purecss-francine stands as a powerful example of CSS mastery, inspiring developers and designers to explore the artistic capabilities of code. -
12
remark
A simple, in-browser, markdown-driven slideshow tool
A simple, in-browser, Markdown-driven slideshow tool targeted at people who know their way around HTML and CSS. If your ideal slideshow creation workflow contains any of the following steps, just write what's on your mind, do some basic styling, easily collaborate with others, share with and show to everyone, then remark might be perfect for your next slideshow! Focus on the content, expressing yourself in next to plain text not worrying what flashy graphics and disturbing effects to put... -
13
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. -
14
css3-
CSS3 implements various 3D && 3D planetary animation effects
...The repository focuses on helping front-end developers understand how to implement sophisticated UI effects using native browser features rather than heavy external libraries. It covers a wide range of topics including animations, layout tricks, transitions, and creative visual compositions. The project is structured as a reference-style showcase where each example isolates a specific technique, making it easy to study and adapt into real projects. Its educational value lies in revealing non-obvious CSS behaviors and encouraging deeper mastery of the styling layer. ... -
15
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... -
16
Velocity
Accelerated JavaScript animation
...Although Velocity works alongside jQuery, it uses its own animation stack that delivers its performance through two underlying principles: 1) synchronize the DOM → tween stack to minimize layout thrashing, and 2) cache values to minimize DOM querying. -
17
Cleaver
30-second slideshows for hackers
...Cleaver supports several basic options that allow you to further customize the look and feel of your presentation, including author info, stylesheets, and custom templates. Cleaver has substantial theme support to give you more fine-grained control over your presentation, similar to options. Instead of manually specifying a stylesheet, template, layout, and others, you can specify a single theme containing each of these assets. Cleaver comes with a stylesheet that looks good by default, but you can extend it at your heart's desire. ... -
18
Graphene Dashboard
Graphene is a realtime dashboard & graphing toolkit based on D3
Graphene is a real-time dashboard and graphing toolkit built with D3.js and Backbone.js. It was originally designed to sit on top of the Graphite data model and API, enabling teams to quickly build live dashboards that show thousands of datapoints updating over time. The project provides a highly customizable and hackable client-side engine: you define “widgets” such as time series graphs, gauges or labels, hook them to data providers, and the toolkit handles ingestion, rendering and live... -
19
HTML5 Editor
HTML5 editor, free and open-source website builder based on Silex
This editor is a free and open-source online tool which lets you design html pages with an interface very close to dreamweaver's or powerpoint's one. But we've put a special touch in it ;) The HTML5 editor is now available online and called Silex. Only developers will want to download Silex source code from github. **No need to download it, simply follow the link bellow** -
20
Silex, live web creation
Free online HTML website builder
Silex is a free and open source website builder in the cloud. Create websites directly in the browser without writing code. It is suitable for professional designers to produce great websites without constraints. -
21
Xiss web is a Java tool to generate photo slide show on the web. Generation of photo description in XML and HTML pages based on layout and skin. Exif display. Google Maps display. Animated photo transition. Uses W3C standards: XML, XSLT, XPATH, CSS.
-
22
Custom, compact and easy-to-configure gallery script. Skinnable by CSS templates, menu-like interface, options to show the images in popup-windows, attach descriptions, extra informations. Valid XHTML 1.0 layout and optimized for most major browsers.
-
23
PHP Button Generator - A Dynamic Button Engine for Web Site. Using button templates, windows True Type fonts(TTF), small icons to dynamic generate buttons for your web pages. Use it with Cascading Style Sheets(CSS) to let user to choose their web skin.
-
24
SWIGS is a perl script for creating hierarchically organized web image galleries with automatically created thumbnails and for each image. SWIGS strives for complete flexibility in layout through templates and a simple Perl extension interface.
- Previous
- You're on page 1
- Next
