Search Results for "css-slider"
Sort By:
Showing 107 open source projects for "css-slider"
View related business solutions-
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.
-
$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
Beer CSS
Build material design interfaces in record time
Build material design interfaces in record time without stress for devs. -
2
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. -
3
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. -
4
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. -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
5
CSS in README Like Wat
Style your readme using CSS with this simple trick
CSS in README Like Wat is a small demonstration project showing an unconventional way to apply rich styling inside a GitHub README. The technique relies on embedding XHTML and CSS inside an SVG foreignObject element. That SVG can then be referenced through an image element in Markdown-compatible content. This arrangement allows styling capabilities that ordinary GitHub Markdown does not directly expose. -
6
Styled Components
Visual primitives for the component age
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress. Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components. It also removes the mapping between components and styles, using components as a low-level styling construct could not be easier! -
7
Bulma
Modern CSS framework based on Flexbox
Bulma is a free and open source, modern CSS framework based on Flexbox. It is a collection of CSS classes, with the end result being a single .css file. Because of this, you can write the HTML code you want and it would have no impact on the styling of your page. It has no JavaScript included, and can be considered “environment agnostic”, as it offers just a style layer over the logic. -
8
MDUI
Develop Material Design web applications
MDUI is beautiful, lightweight, and easy to use, it makes it easier for you to develop Material Design web applications. 19 main colors, 16 accent colors, 1-night theme, just add a CSS class to toggle. And supports automatic theme switching according to the operating system theme. CSS is only 32KB and JavaScript is only 19KB, which loads faster. All developed in TypeScript with perfect type hints. Mobile-first, gradually expand from small screen to large screen, and finally, realize all screen adaptation. Does not rely on any third-party library, saves network traffic, makes loading faster, and improves user experience. ... -
9
Next.js Landing Page Starter Template
Free NextJS Landing Page Template written in Tailwind CSS 3
...Developer tooling combines ESLint, Prettier, Husky, lint-staged, PostCSS, and prepared Visual Studio Code settings. Static generation, minification, live reload, cache busting, and unused CSS removal help produce efficient deployments. The project can be hosted through Netlify or exported for another static hosting service. -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
10
Font Awesome
Get vector icons and social logos for your website or blog
Font Awesome was created in a successful Kickstarter and is an easy way for web developers to add icons and logos to their website. There is both a free version and a pro version for extra features and icons. You can support the developers by buying a custom FontAwesome T-Shirt! https://fontawesome.com/shirts -
11
jekyll-minifier
Jekyll HTML/XML/CSS/JS Minifier utilising yui-compressor
Minifies HTML, XML, CSS, JSON and JavaScript both inline and as separate files utilising yui-compressor and htmlcompressor. This was created due to the previous minifier (jekyll-press) not being CSS3 compatible, which made me frown. -
12
Markdown
WeChat Markdown Editor
WeChat Markdown Editor | A highly concise WeChat Markdown editor, that supports Markdown syntax, color palette selection, multi-image upload, one-click document download, custom CSS style, one-click reset, and other features. Markdown documents are automatically rendered into WeChat graphics and text in real-time, so you no longer have to worry about the typesetting of WeChat articles! As long as you know the basic Markdown syntax, you can make a simple and beautiful WeChat graphic. Chrome browser is recommended for best results. ... -
13
Material Tailwind
Easy-to-use components library for Tailwind CSS and Material Design
Material Tailwind is an open-source library that uses the power of Tailwind CSS and React to help you build unique web projects faster and easier. The stunning design inspired by Material Design is a bonus. Enhance your workflow with seamless integrations for your favorite tools using Material Tailwind. -
14
Material UI
Comprehensive React component library that implements Material Design
...A meticulous implementation of Material Design; every Material UI component meets the highest standards of form and function. Start quickly with Material Design or use the advanced theming feature to easily tailor the components to your needs. CSS utilities allow you to move faster and make for a smooth developer experience when styling any component. Reach out for the Figma Design Kit and the Sync plugin to bridge the gap between development and design when using Material UI. -
15
vCard
vCard is a fully responsive personal portfolio website
vCard Personal Portfolio is a responsive portfolio website template built entirely with HTML, CSS, and JavaScript. It is designed to present a professional profile through a polished single-page interface that adapts to desktop and mobile screens. The template includes dedicated sections for personal information, services, work history, education, skills, portfolio projects, blog posts, and contact details. Testimonials appear in interactive cards with an expanded modal presentation. ... -
16
whiteglass
Minimal, responsive Jekyll theme for hackers
Minimal, responsive Jekyll theme for hackers. -
17
Bootswatch
Themes for Bootstrap
...Each theme works as a drop-in replacement for Bootstrap’s default stylesheet, which makes adoption simple for existing sites. The project supports several installation paths, including precompiled CSS, CDN usage, npm, Sass imports, and Ruby gem integration. Developers can customize themes by editing Sass variables and theme-specific structural styles. Overall, Bootswatch is useful for teams that want polished Bootstrap styling, faster prototyping, and consistent visual options across web projects. -
18
Spark Joy
2000+ ways to add design flair, user delight, and whimsy to products
Spark Joy is a large curated collection of resources for adding visual polish, personality, and enjoyable interactions to digital products. It gathers more than 2,000 tools, examples, libraries, articles, and references rather than providing a single software package. The collection spans CSS frameworks, layouts, typography, color systems, backgrounds, icons, diagrams, illustrations, and individual interface elements. It also covers animation, onboarding, empty states, accessibility checks, design software, Canvas, WebGL, and 3D experiences. Developers and designers can use it to discover both practical utilities and playful ideas that make interfaces feel more memorable. ... -
19
BRAID
Themeable design system for the SEEK Group
Braid aims to make cross-brand UI development as fast as possible while maintaining a high level of quality and accessibility. In order to achieve this, Braid provides as a set of React components and CSS variable-based styling themes using vanilla-extract. As much as possible, we want Braid code to make sense to non-developers. We’re aggressively focused on the simplicity and composability of its API. Along with our work on Playroom, our goal is to empower designers and developers to iterate together in the same medium using the same components, reducing the need for high fidelity mock-ups before development starts. ... -
20
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. -
21
Pickr
Flat, simple, multi-themed, responsive Color-Picker library
Flat, simple, multi-themed, responsive, and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more. -
22
Vibe Design System
Official monday.com UI resources for application development in React
...It includes comprehensive documentation, a component catalog, and an interactive playground so developers and designers can explore components, review guidelines, and experiment with layouts before using them in production. Vibe is distributed as a package, and loading its CSS tokens provides a unified theming baseline across apps and extensions. Components are designed to optimize usability and accessibility while supporting monday-style workflows such as boards, dashboards, and complex data visualizations. -
23
Frontend Slides
Create beautiful slides on the web using Claude's frontend skills
Frontend Slides is a lightweight tool that enables users to create visually appealing, animation-rich web presentations without requiring knowledge of CSS or JavaScript by leveraging a guided, interactive workflow. It operates on a “show, don’t tell” philosophy, generating visual previews of styles so users can select their preferred design rather than describing it abstractly. The system produces fully self-contained HTML presentations with inline CSS and JavaScript, eliminating the need for external dependencies, build tools, or frameworks. ... -
24
Lip Gloss
Style definitions for nice terminal layouts
Style definitions for nice terminal layouts. Built with TUIs in mind. Lip Gloss takes an expressive, declarative approach to terminal rendering. Users familiar with CSS will feel at home with Lip Gloss. The terminal's color profile will be automatically detected, and colors outside the gamut of the current palette will be automatically coerced to their closest available value. The terminal's background color will automatically be detected and the appropriate color will be chosen at runtime. There are also shorthand functions for defining borders, which follow a similar pattern to the margin and padding shorthand functions. ... -
25
Materialize
Materialize, a web framework based on Material Design
Materialize, a CSS Framework based on Material Design. Using VanillaJS and as less dependencies as possible to keep it fast and simple. We use TypeScript since it builds upon JavaScript and enhances the type- and code safety. You don't have to learn or integrate any new or crappy stuff. The goal here is to stick to the roots. Just copy and paste from the documentation and you are good to go.
