Search Results for "html css javascript project"
Sort By:
Showing 33 open source projects for "html css javascript project"
View related business solutions-
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.
-
Cloud tools for web scraping and data extractionAutomate web data collection with cloud tools that handle anti-bot measures, browser rendering, and data transformation out of the box. Extract content from any website, push to vector databases for RAG workflows, or pipe directly into your apps via API. Schedule runs, set up webhooks, and connect to your existing stack. Free tier available, then scale as you need to.
-
1
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. Many examples lean on contemporary features—custom properties,... -
2
Bootstrap Simple Admin Template
The most reliable HTML, CSS, and JavaScript simple admin template
Bootstrap Simple Admin Template is a simple admin template packed with more UI components than any other admin themes, its exceptional user interface is perfectly crafted and advanced layout features are optimized to suit every modern web application project and highly responsive to serve from a Mobile-first to a Desktop screen. -
3
My Stack Problems
Free and open-source Jekyll theme
Free and open-source Jekyll theme. -
4
Salesforce Lightning Design System
Salesforce Lightning design system
Ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience development. Visual design values and attributes that ensure branding and UI consistency at scale. Design principles and best practices that guide beautiful, consistent, user-friendly product experiences. Easy-to-use tools help all Trailblazers optimize workflows and bring Salesforce ideas to life. Start building immediately, without worrying about detailed specs. SLDS lets you focus on the big picture to... -
Desktop and Mobile Device Management SoftwareDesktop Central is a unified endpoint management (UEM) solution that helps in managing servers, laptops, desktops, smartphones, and tablets from a central location.
-
5
GitHub Dark
Dark GitHub style
GitHub-Dark is a userstyle that transforms GitHub’s interface into a coherent dark theme, covering repositories, issues, pull requests, gists, and profile pages. Distributed as a CSS stylesheet intended for the Stylus browser extension, it applies a comprehensive palette, rebalances contrast, and refines syntax colors for code views to ensure readability in low-light settings. The project goes beyond simple inversion by thoughtfully adjusting backgrounds, borders, badges, and diff highlights... -
6
uix-kit
A free web kits for fast web design and development
Uix Kit is not a framework, just a UI toolkit based on some common libraries for building beautiful responsive website. Uix Kit isn't a reusable component structure, mostly custom CSS and JavaScript based. Definitely interesting, and if you're developing mostly web content and not applications this is particularly useful. It is a web dev build tool/scaffold that does not depend on any framework. You can import any external libraries/frameworks or native ES Modules for production. The generated core file in the dist directory can be used separately in any website. ... -
7
Bauhaus File Card
A component with interactive border made using vanilla html/css/js
Check it out at https://codepen.io/Northstrix/pen/WbeggyX -
8
Mermaid.js to SVG Converter
Visualize the diagrams of your projects
While coding with AI assist, I noticed bigger projects need something more rigid as context so the AI coder doesn't stray away when I try to add new features. You know, to keeps its memory fresh and not change the stuff that already works. The trick is to ask the AI to write a diagram in Mermaid.js format that solidifies the structure of the project and then use that as context to keep the AI reminded at all times what the project is as a whole. This will prevent it from changing things... -
9
Gloria
Gloria is a static website generator, based on NodeJS
V2 is deprecating lots of old functions, make sure to read the migrating docs. We're also slowly moving into typescript, and while I think it should work very well for your projects, legally I need to remind you that this is a satire of other projects. It currently supports having a content management system using MD files and tailwind CSS, with some bugs, but the main functionality and philosophy have been accomplished. This project aims to be a substitute for Jekyll, to help you create... -
Free and Open Source HR SoftwareGive your HR team the tools they need to streamline administrative tasks, support employees, and make informed decisions with the OrangeHRM free and open source HR software.
-
10
Semantic UI
UI framework designed for theming
Semantic UI is a development framework that lets you create beautiful, custom and responsive website layouts using human-friendly HTML. The syntax used is based on natural language, so concepts are linked intuitively. Semantic UI utilizes concise HTML, intuitive JavaScript and simplified debugging, making front-end development an absolute dream for developers. Semantic UI is partnered with popular frameworks React, Angular, Meteor, Ember and many others so you can easily integrate it and... -
11
tailwind-rn
Use Tailwind CSS in React Native projects
tailwind-rn lets you use Tailwind CSS-style utility classes in React Native apps by converting Tailwind’s generated CSS into a JSON map of styles. Instead of writing StyleSheet objects manually, you call a tailwind() helper with class strings (like bg-blue-500 or mt-4) and get React Native style objects back. A small CLI tool reads the CSS file produced by Tailwind and transforms it into a JSON file that tailwind-rn can consume, with support for watching and rebuilding whenever Tailwind’s... -
12
TeXt Theme
A super customizable Jekyll theme for personal site, team site, etc.
A super customizable Jekyll theme for a personal site, team site, blog, project, documentation, etc. TeXt is a super customizable Jekyll theme for a personal site, team site, blog, project, documentation, etc. Similar to the iOS 11 style, it has large and prominent titles, round buttons and cards. -
13
Support for MUI v4 or MUI v5
A chip input field using Material-UI
After maintaining this project for over 3 years, we chose not to add support for MUI v4+ since it would require significant changes and there is already a built-in chip input. The same component is also available for MUI v5, and there are some alternatives like mui-chips-input. This is our collection of such components. Every component is maintained in its own repository and published as independent npm package. This way, we hope to give every component the amount of love and care it... -
14
Sketch Measure
Create spec for developers and teammates
Make it a fun to create spec for developers and teammates. Automatically generating html page with one click, inspect all the design details including CSS Styles on it offline. Layer's influence rect includes the area of shadows and outside borders, it's exactly the same size with the exported image. Sometime, shadows will not implement by engineers, it should be a part of image. Designer need to show the influence rect to engineers, not the regular rect. This is the feature using for. With... -
15
Sliding Doors Tutorials
Introduction to Ruby (ed.), GPL v2.
Introduction to Ruby. Interactive Ruby by Daniel Carrera, ed. by Heiko Blomenkamp. GPL v2. ***A lorem ipsum open source online test project without any lorem ipsum, first edition*** Online demo TestGit: [1] code-git part: http://hegelpediaforge-heiblo.rhcloud.com/code-git/ [2] meta-git part: http://hegelpediaforge-heiblo.rhcloud.com/meta-git/ Status: Currently very slowly migrating from HTML/JS to other frameworks, designs, and contents. Migration #1 (to Phalcon PHP): [3]... -
16
Packery
Gapless, draggable grid layouts
Packery is a JavaScript library and jQuery plugin that makes gapless and draggable layouts. It uses a bin-packing algorithm to fill in empty gaps. Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in a specific spot, or dragged around. It’s perfect for draggable dashboard and seamless Masonry image galleries. If you want to use Packery to develop commercial sites, themes, projects, and applications, the Commercial license is the... -
17
kodeWeave
HTML/CSS/JS and Markdown Playground For Web Designers and Developers
kodeWeave is a realtime coding playground for HTML, CSS and Javascript. Similar to JSFiddle and JSBin, but kodeWeave was made to work offline but also as a prototyping application to build applications for desktop operating systems while on mobile devices. (PhoneGap Build is recommended for mobile devices) kodeWeave similar to jsfiddle, jsbin, dabblet, liveweave, codepen, cssdeck, cssdesk, tinkerbin, d3 playground, plunker and pastebin, but allows you to export your web app as a desktop and/or chrome application. -
18
Jekyll Foundation
Start your Jekyll (v3) project with Zurb Foundation for Sites
Quickstart your Jekyll (v3) project with Zurb Foundation for Sites (v6, sass). This package is meant to build your Site on your local machine. -
19
-
20
joelglovier.com
Source for joelglovier.com. Built with Jekyll and hosted on GitHub
This site is my personal home on the web. I write about stuff, I link to other stuff, and I showcase stuff I've done/built/designed. It's purely personal in nature and does not necessarily reflect the views of my employer, my family, my community, or anyone else besides me. It's just where I share things I've built, written, or done. I've been working on this site in various forms since around 2005. Initially it was just a customized Blogger page for a few years. Then, I designed and built... -
21
Material Design Lite
Material Design Components in HTML/CSS/JS
Material Design Lite is an implementation of Material Design components in vanilla CSS, JS, and HTML. Material Design is a design language developed by Google that fuses classic principles of good design with the innovation of technology and science. Material Design Lite lets you infuse the look and feel of Material Design into your static content websites without relying on any JavaScript frameworks or libraries. -
22
Google Material Design Lite
Material Design Components in HTML/CSS/JS
Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. The MDL components are created with CSS, JavaScript, and HTML. You can use the components to construct web pages and web apps that are attractive, consistent, and functional. Pages developed with MDL will adhere to modern web design principles like browser portability, device independence, and graceful degradation. ... -
23
Social Buttons for Bootstrap
Social Sign-In Buttons for Bootstrap
Social Sign-In Buttons made in pure CSS based on Bootstrap and Font Awesome! Include Bootstrap and Font Awesome. If you haven't done that already, include the latest Bootstrap and Font Awesome in your project. You have two options for enabling the social buttons in your project: vanilla CSS or source Less. For vanilla CSS, just include the bootstrap-social.css file into your project. Start using the buttons as you would normally do with the Bootstrap buttons that have an icon by adding the... -
24
Typography.js
A powerful toolkit for building websites with beautiful design
...Typography is a complex system of interrelated styles. 100s of style declarations on dozens of elements must be in harmonious order. Trying one design change can mean making dozens of tedious recalculations and CSS value changes. Creating new Typography themes with CSS feels hard. Typography.js provides a vastly simpler way to define and explore typography designs. You provide configuration to the Typography.js JS API and it uses its Typography engine to generate CSS for block and inline elements. Typography.js makes it easy to create designs that are unique, personal, and custom to your project. ... -
25
Gutenberg Typography Kit
A meaningful web typography starter kit
Gutenberg is a flexible and simple-to-use web typography starter kit for web designers and developers. It’s a small step towards a better typography on the web. Beautiful typographic styles can be made by setting base type size, line height (leading), and measure (max-width). Gutenberg is a work-in-progress project by Matej Latin that brings meaning and craftsmanship to web typography. The reader should be able to read the message of a text easily and comfortably. This depends to a not...
