Search Results for "shadow"
Sort By:
Showing 13 open source projects for "shadow"
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.
-
$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.
-
1
css-doodle
A web component for drawing patterns with CSS
<css-doodle /> is based on Shadow DOM v1 and Custom Elements v1. You can use it on all major browsers right now without polyfills. The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself. Download the latest version or include it directly from a CDN. -
2
stylex-jsx
Full CSS support for JSX without compromises
...Built-in CSS vendor prefixing. Very fast, minimal and efficient transpilation. High-performance runtime-CSS-injection when not server-rendering. Future-proof, equivalent to server-renderable "Shadow CSS". Source maps support. Dynamic styles and themes support. CSS Preprocessing via Plugins. To skip scoping entirely, you can make the global-ness of your styles explicit by adding global. To make a component's visual representation customizable from the outside world there are three options. -
3
Neiki's Charts
Lightweight SVG chart Web Component
...Drop a single script tag into any HTML page and get four chart types — Line, Bar, Pie, and Scatter — with no build step, no framework, and zero dependencies. CSS is bundled automatically, so one file is all you need. The component uses Shadow DOM for style encapsulation and fits cleanly into any project without CSS conflicts. Charts are fully responsive, support light and dark themes with automatic prefers-color-scheme detection, and expose a simple JS API for data and options. Tooltips, legends, animations, and grid lines are all controlled through standard HTML attributes. ... -
4
Neiki's Code Editor
Lightweight embeddable code editor Web Component with syntax highlight
...The editor provides a modern development experience with syntax highlighting, themes, line numbers, search, auto-indentation, and fullscreen support. Designed for flexibility and performance, it uses Shadow DOM for style isolation and supports multiple languages including JavaScript, HTML, CSS, JSON, and Markdown. It is fully customizable through attributes, CSS variables, and a simple JavaScript API, making it suitable for documentation, demos, and embedded development tools. -
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
5
TSkeleton
Framework-agnostic, fully customizable loading skeleton Web Components
TSkeleton is a zero-dependency library of ready-made loading skeleton Web Components inspired by popular apps — Facebook, GitHub, Twitter (X), Instagram, Threads, WhatsApp, TikTok, LinkedIn, Messenger, YouTube, Telegram, Meta Business, MyGP and Google. Each skeleton is a self-contained custom element with its own shadow DOM and built-in pulse and shimmer animations. Because the components are plain Web Components, they work in any framework (React, Vue, Svelte, Angular) and in plain HTML, via npm or a CDN. -
6
RFS
Automates responsive resizing
RFS is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is capable of rescaling basically every value for any CSS property with units, like margin, padding, border radius or even box-shadow. The mechanism automatically calculates the appropriate values based on the dimensions of the browser viewport. It's available in one of your favorite preprocessors or postprocessor, Sass, Less, Stylus or PostCSS. The source files can also be downloaded manually and used in a project. This method is not recommended because you lose the ability to easily and quickly manage and update RFS as a dependency. ... -
7
img2css
Convert any image to pure CSS. Recreates images using only box-shadows
This is a tool that can convert any image into a pure CSS image. I also made a per-pixel animation experiment using the box-shadow idea, see morphin. Pure CSS, this output was created by resizing and setting each pixel as a box shadow of a single-pixel div, so no IMG tag or background image is needed. This can result in huge outputs, and the use of this output is not recommended for production unless there is no other option. Base64, the entire image file is embedded inside the <img> tag using base64, so no need for external hosting is needed. -
8
xy-ui
Future-proof native web components UI component library
xy-ui is a cross-framework UI component library built using native Web Components standards, enabling developers to create reusable and encapsulated UI elements that can work across different frameworks without dependency on a specific ecosystem. It leverages technologies such as Custom Elements and Shadow DOM to provide strong encapsulation, ensuring that styles and behaviors remain isolated and predictable across applications. The library is designed with a forward-looking approach to frontend development, focusing on native browser capabilities instead of framework-specific abstractions. It includes a wide range of UI components such as buttons, inputs, dialogs, sliders, tables, and date pickers, covering most common interface needs for modern web applications. ... -
9
turretcss
Turret is a styles and browser behaviour normalisation framework
Developed for design, turretcss is a styles and browser behavior normalization framework for the rapid development of responsive and accessible websites. Newly added features include: increasing the size scale, adding sizes for display title and lead, generic group styles, and box-shadow utility classes. Added utility classes for the cursor property. A generic group behavior to align and space between like items within lists. Globally set box shadows with size variants to set on any element easily with utility classes. PostCSS with postcss-preset-env to write tomorrow's CSS spec today with the polyfills you need. ... -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
10
NativeScript CardView
NativeScript widget for Material Design CardView
nativescript-cardview is a NativeScript plugin that provides a Material Design card component for mobile applications. It allows developers to create card-based layouts with shadow effects and rounded corners, enhancing the UI's visual appeal. -
11
Gemini Testing
Utility for regression testing the visual appearance of web pages
Gemini is a utility for regression testing the visual appearance of web pages. Each of the blocks that are being tested may be in one of the determined states. States are tested with the help of chains of step-by-step actions declared in a block's test suites. -
12
KAREL 3D
Learning programming language for kids
This is learning programming language for children Karel-3D. By words from LightBot: "Get kids hooked on coding with minutes!" Created by Karel 3D from the 8-bit microcomputer PMD 85-2 in 1986. His later version of Karel the Robot in 3D, created first in the Slovak Republic. JavaScript variant include only one small HTML file tested and works on all devices with keyboard and full JavaScript support in internet browser, or alternative pre-compiled JAVA V8 .jar file with webEngine and... -
13
Zebra_Tooltips
A lightweight tooltips plugin for jQuery
...Also, tooltips can be aligned left, center or right relative to the parent element. Zebra_Tooltips make use of NO IMAGES (uses CSS3 for rounded corners and drop shadow and falls back gracefully for browsers that don’t support CSS3) and the tooltips can be attached to any element not just anchor tags! Works in all major browsers (Firefox, Opera, Safari, Chrome, Internet Explorer 6+)
- Previous
- You're on page 1
- Next
