Search Results for "web code editor"
Sort By:
Showing 60 open source projects for "web code editor"
View related business solutions-
Build on Google Cloud with $300 in Free CreditStart your next project with $300 in free Google Cloud credit. Spin up VMs, run containers, query exabytes in BigQuery, or build AI apps with Vertex AI and Gemini. Once your credits are used, keep building with 20+ products with free monthly usage, including Compute Engine, Cloud Storage, GKE, and Cloud Run functions. Sign up to start building right away.
-
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.
-
1
Synthwave ’84 (VSCode Theme)
Synthwave inspired colour theme for VS Code
synthwave-vscode is a visual theme extension for Visual Studio Code that gives the editor a retro, neon-drenched look reminiscent of 1980s synthwave aesthetics. It applies a dark base palette with bold accent colors, glowing highlights, and sharp contrasts to bring an edgy, stylized atmosphere to coding sessions. Syntax highlighting is tuned to balance readability with dramatic flair, ensuring code elements don’t get lost while preserving the cool visual vibe. ... -
2
Penpot
The first open source design and prototyping tool
Penpot is the first open-source design and prototyping platform for product teams that allows true collaboration between designers and developers. What will designers and developers find in Penpot? - Powerful UI tool for the team. All stakeholders can access a complete set of interactive prototypes, design systems, components, feedback loop and pixel designs. - Design and development collaborate for real. Penpot brings both code-ready design capabilities and the familiarity of developer... -
3
Dash
Build beautiful web-based analytic apps, no JavaScript required
...Dash apps are very lightweight, requiring only a limited number of lines of Python or R code; and every aesthetic element can be customized and rendered in the web. It’s also not just for dashboards. You have full control over the look and feel of your apps, so you can style them to look any way you want. -
4
Materialize
Materialize, a web framework based on Material Design
...Our Components should work on nearly every device with a monitor. User-centric approach with many members all around the world, which helps bring Materialize forward and improve usability for everyone on the web. You can be a part too. -
Build AI Apps with Gemini 3 on Vertex AIVertex AI gives developers access to Gemini 3—Google’s most advanced reasoning and coding model—plus 200+ foundation models including Claude, Llama, and Gemma. Build generative AI apps with Vertex AI Studio, customize with fine-tuning, and deploy to production with enterprise-grade MLOps. New customers get $300 in free credits.
-
5
Berry Free React Material UI
Berry free react material admin template for faster web development
Berry is a free Material UI admin dashboard template built with React. It is meant to provide the best possible User Experience with highly customizable feature-rich pages. It is a complete Dashboard Template that has easy and intuitive responsive design whether it is viewed on retina screens or laptops. -
6
HTML5 Boilerplate
The web’s most popular front-end template
HTML5 Boilerplate is a popular and professional front-end template that lets you build fast, robust and adaptable web sites or applications. It’s built with the combined knowledge and effort of hundreds of developers over a span of years, creating a powerful tool in one small package. HTML5 Boilerplate comes loaded with great features, such as HTML5 support, optimized Google Analytics snippet, jQuery and Modernizr, and so much more. It supports the latest and most popular browsers and does not impose a specific development philosophy or framework, so you can code any way you want. -
7
Understrap WordPress Theme Framework
The renowned open-source WordPress starter theme
...The premier starter theme for custom WordPress development. Parent and Child Theme. Free and Open-Source. Train your team to become Understrap experts in record time. Start with simple, powerful theme code based on Underscores, the best-practices starter theme from Automattic, the creators of WordPress. Add beautiful, flexible styles, components, grids and responsive design with Bootstrap, the industry standard for mobile-first development. Understrap is an open-source project maintained and powered by Howard Development & Consulting, a web development firm with more than 20 years experience innovating online. ... -
8
DevExtreme Reactive
Business React components for Bootstrap and Material-UI
...Fully control the Reactive component state and treat it as a pure view component. Effortlessly enable state persistence and time-traveling without side effects. To help you write less code, our components can also manage their state internally. DevExtreme Reactive Components are built of plugins. Add and deploy only those features you require or extend the built-in functionality with your own (or third-party) custom plugins. TypeScript is often the choice for enterprise-scale web applications. Our TypeScript definitions are autogenerated and are always complete and in sync with docs. ... -
9
Styled Components
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! Alternatively, you may use style objects. This allows for easy porting of CSS from inline styles, while still supporting the more advanced styled-components capabilities like component selectors and media queries. styled-components is compatible with both React (for web) and React Native, meaning it's the perfect choice even for truly universal apps! ... -
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.
-
10
Material Dashboard 2
Open Source Bootstrap 5 Material Design Admin
The most complex and innovative Dashboard Made by Creative Tim. Check our latest Freebie Bootstrap 5 Dashboard with a fresh, new design inspired by Google's Material Design 2. Designed for those who like bold elements and beautiful websites, Material Dashboard 2 is ready to help you create stunning websites and web apps. We created many examples for pages like Sign In, Notifications, Profile, and so on. Just choose between a Basic Design, an illustration, or a cover and you are good to go.... -
11
Front-End Design Checklist
The Design Checklist for Creative Web Designers
Front-End-Design-Checklist bridges the gap between design and implementation by capturing the essential details that make handoffs smooth and outcomes consistent. It encourages designers and developers to align on typography scales, color tokens, spacing systems, and grid behavior before coding begins. The resource includes checks for responsive breakpoints, interaction states, accessibility considerations, and asset preparation, reducing rework later in the build. It promotes shared... -
12
Gitit
A wiki using HAppS, pandoc, and git
Gitit is a wiki application written in Haskell that uses Happstack for serving and Pandoc for markup conversion. Wiki content and attachments are stored in Git, Darcs, or Mercurial repositories, allowing versioning via VCS or web editing. To run gitit, you'll need git in your system path. (Or darcs or hg, if you're using darcs or mercurial to store the wiki data.) Gitit assumes that the page files (stored in the git repository) are encoded as UTF-8. Even page names may be UTF-8 if the file... -
13
Kerach Go
A petite text shaderer whose entire code fits into a single html file
A petite text shaderer whose entire code fits into a single html file. GitHub repository: https://github.com/Northstrix/kerach-go Link: https://northstrix.github.io/kerach-go/ The app is fully localized into: ✅ English ✅ Hebrew ✅ Italian ✅ Latin American Spanish ✅ Brazilian Portuguese ✅ Japanese ✅ Cantonese -
14
vizforge
VizForge is a visual designer that integrates full code editing .
VizForge is a visual designer that integrates full code editing based on the HTML+CSS specification and Vue framework specification. This is a single page application that users can use for free without logging in. The design results of the user on this software are saved in the IndexDb of the user's browser. There is no backend server, and data will not be sent to the server. It is a pure front-end standalone application. Everyone can use it directly online for free:... -
15
SHADYX-UI
From Copy to Vibe
Created a customizable and developer-friendly UI component library that offers both static and animated reusable components for rapid web development.It simplifies UI building with pre-designed, responsive elements tailored for modern web apps. Tech Stack : Next Js, Tailwind Css, Framer Motion, Aceternity UI and Figma. -
16
Mermaid.js to SVG Converter
Visualize the diagrams of your projects
...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 its not supposed to change. This standalone offline web app will convert that mermaid.js code into a visual SVG image so that YOU as a human will be able to understand what the AI think about the structure of your projects so you can see it and fix any misconceptions until the diagram is correct for your project. (Source code is included in the html itself. Open it in a web browser to use.) -
17
Material Dashboard 2 React
React version of Material Dashboard by Creative Tim
...You will save a lot of time going from prototyping to full-functional code because all elements are implemented. -
18
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... -
19
CSS Theme Change
Change CSS theme with toggle, buttons or select using CSS properties
CSS Theme Change is a small utility for managing CSS theme toggling (such as light/dark mode) in web projects, designed to be lightweight, easy to integrate, and framework-agnostic. Instead of relying on heavy JavaScript frameworks or complex state management, it offers a simple API that listens to system preferences and UI interactions to swap theme classes or variables in real time. It can react to user toggles as well as automatically adapt to the user’s OS-level dark/light mode settings, helping developers build interfaces that feel modern and responsive without writing boilerplate theme code. ... -
20
Susy
Responsive layout toolkit for Sass
...To add Susy to the Sass task, edit your Gruntfile.js at the root level of your project and look for the Sass-related rules. Add require: 'susy' inside the options object. Susy is also available in the CodeKit editor, with 10% of your purchase going to Black Girls Code when you follow the link from our site. You can also still access Susy2 documentation if necessary. -
21
Alabaster Theme
A light theme for Visual Studio Code
Alabaster is a light Visual Studio Code theme that intentionally minimizes syntax highlighting to keep code calm and readable. Instead of coloring every token category, it highlights just a small set of classes like strings, statically known constants, comments, and global definitions. Standard language keywords are deliberately left uncolored under the philosophy that they are obvious and draw unnecessary attention. -
22
Clarity Design System
A scalable, accessible, customizable, open source design system
Clarity is a scalable, customizable, open source design system bolstered by the people that build with it, the people we build it for, and the community that makes us who we are. Our toolkit is Figma. Every component, pattern, and guideline we ship is rooted in real customer interactions. As a result, you can rely on Clarity for 30+ components and over 200 icons so you can focus on product-specific user problems. The first folx that built Clarity from scratch were a scrappy team of... -
23
A fast and reliable tool, written in Java 8, for generating professional UML sequence diagrams from text. Supports actors, con-/destructors, threads, broadcasts, notes, and fragments. Can serve as a Javadoc taglet. Exports PDF, (E)PS, SVG, PNG, ... The source code is hosted at http://github.com/sdedit/sdedit
-
24
vue-form-making
A visual form designer/generator base on Vue.js
A visual form designer developed based on VUE, to help enterprises achieve low code development mode; lets developers pay more attention to business instead of the traditional boring coding form, and helps to improve efficiency quickly, save research and development costs. Popular form designer page, through the visual operation, quickly completes the creation of the form page. Design the form with grid layout, allows you to use nested, you can use this fundamental layout to create a very... -
25
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]...
