Search Results for "code%20editor"
Sort By:
Showing 290 open source projects for "code%20editor"
View related business solutions-
Deploy Apps in Seconds with Cloud RunCloud Run is the fastest way to deploy containerized apps. Push your code in Go, Python, Node.js, Java, or any language and Cloud Run builds and deploys it automatically. Get fast autoscaling, pay only when your code runs, and skip the infrastructure headaches. Two million requests free per month. And new customers get $300 in free credit.
-
Cut Cloud Costs with Google Compute EngineSave on compute costs with Compute Engine. Reduce your batch jobs and workload bill 60-91% with Spot VMs. Compute Engine's committed use offers customers up to 70% savings through sustained use discounts. Plus, you get one free e2-micro VM monthly and $300 credit to start.
-
1
Figma Code Connect
A tool for connecting your design system components
Figma Code Connect is an open-source tool that enhances collaboration between designers and developers by synchronizing design components with source code in real time. Instead of treating design files and codebases as separate artifacts, it creates a continuous link so when a designer updates a UI element in Figma, developers see corresponding code changes or annotations immediately, making handoffs more precise and frictionless. -
2
Pinta
Simple GTK# Paint Program
...Use layers to help separate and group elements of your image for easy editing. Like docked windows? No problem. Floating windows? No problem. You can even mix and match. Original Pinta code is licensed under the MIT License, see license-mit.txt for the MIT License. Code from Paint.Net 3.36 is used under the MIT License and retains the original headers on source files. -
3
Penpot
The first open source design and prototyping tool
...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 tools to the same workspace. - Open Standards for the design work. This means zero vendor lock-in and high interoperability. - Unique Flex Layout that allows you to create flexible designs that can adapt automatically -
4
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. -
$300 in Free Credit for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credit—no hidden charges. Test, build, and deploy without risk. Use your credit across the Google Cloud platform to find what works best for your needs. After your credits are used, continue building with free monthly usage products. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
5
Night Owl
VS Code dark theme for contrast for nighttime coding
...The theme supports syntax highlighting across many languages and file types in VS Code, and has become a popular choice in the developer community. The repository is maintained as an open-source project, allowing users to inspect color choices, customize the theme further, or contribute new variants. Night Owl’s popularity reflects how much the developer experience can benefit from thoughtful UI design—it’s more than aesthetics. -
6
CodeSnap.nvim
Snapshot plugin with rich features that can make pretty code snapshots
Snapshot plugin with rich features that can make pretty code snapshots for Neovim. -
7
Carbon Design System
A design system built by IBM
Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors. The component libraries give developers a collection of reusable components for building websites and user interfaces. -
8
Jetpack Compose Samples
Jetpack Compose samples
Jetpack Compose is Android’s modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs. Do more with less code and avoid entire classes of bugs, so code is simple and easy to maintain. Just describe your UI, and Compose takes care of the rest. As app state changes, your UI automatically updates. Compatible with all your existing code so you can adopt when and where you want. ... -
9
BRVAH
Powerful and flexible RecyclerView Adapter
...This is where BRVAH comes in. With BRVAH, it becomes easier than ever to use RecyclerView. Its efficient use meets the common needs of Android developers in projects. BRVAH optimizes adapter code, allows for adapter animation, adds On Item Click Lister, and more. -
Managed MySQL, PostgreSQL, and SQL Databases on Google CloudCloud SQL is a fully managed relational database for MySQL, PostgreSQL, and SQL Server. We handle patching, backups, replication, encryption, and failover—so you can focus on your app. Migrate from on-prem or other clouds with free Database Migration Service. IDC found customers achieved 246% ROI. New customers get $300 in credits plus a 30-day free trial.
-
10
Dash
Build beautiful web-based analytic apps, no JavaScript required
...Built on top of Plotly.js, React and Flask, Dash easily achieves what an entire team of designers and engineers normally would. It ties modern UI controls and displays such as dropdown menus, sliders and graphs directly to your analytical Python code, and creates exceptional, interactive analytics apps. 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. -
11
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. Most of the Features work event without JavaScript. Components should be useable by mobile devices and easily accessible by keyboard too. Try it out. User-centric approach with established design principles mainly from Google's Material guidelines. ... -
12
Type on Strap
Simplistic, responsive jekyll based open source theme
A free and open-source Jekyll theme. Based on Rohan Chandra type-theme packed with extra features and is easily customizable. More colors with less light. You can check how the theme looks. Demo some code snippets, with some mermaid diagrams. Because if you put some code in your blog, you would at least make it searchable and good-looking. -
13
Design Patterns for Humans
An ultra-simplified explanation to design patterns
Design Patterns for Humans is a developer-friendly guide that explains classic software design patterns using plain language, intuitive analogies, and succinct code examples. Instead of dense academic prose, it focuses on “why” and “when” to use a pattern, including trade-offs that help readers make pragmatic choices. The material groups patterns into categories such as creational, structural, and behavioral, mirroring common references while staying approachable for self-study. Each pattern’s section typically includes intent, real-world motivation, and an example implementation to cement understanding. ... -
14
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. Bulma is 100% responsive, built to be mobile-first and modular, with 39 .sass files which you can individually import. It’s easy to learn and customize, and is compatible with recent versions of most common browsers, and even some earlier browser versions thanks to its autoprefixer. -
15
outline.nvim
Code outline sidebar powered by LSP
A sidebar with a tree-like outline of symbols from your code, powered by LSP. -
16
ReacType
Prototyping Tool for exporting React/Typescript Applications!
ReacType is a rapid prototyping tool built on Electron that allows users visualize their application architecture dynamically, employing a drag-and-drop canvas display and an interactive, real-time component code preview that can be exported as a React app for developers employing React component architecture alongside the comprehensive type-checking of TypeScript. In other words, you can draw prototypes and export React / TypeScript code! After opening the dmg and dragging ReacType into your Applications folder, ctrl+click the icon and select 'Open' from the context menu to run the app. ... -
17
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 so the UI feels native rather than “flipped.” It includes targeted fixes for edge cases across GitHub’s many subpages, aiming for consistency while preserving the information hierarchy of the original design. ... -
18
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. -
19
HTML5 Boilerplate
The web’s most popular front-end template
...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. -
20
System Design Primer
Learn how to design large-scale systems
...It offers both theoretical foundations—such as scalability principles, the CAP theorem, and consistency models—and practical exercises, including real-world system design interview questions with sample solutions, diagrams, and code. The repository also contains study guides for short, medium, and long interview timelines, allowing learners to focus on both breadth and depth depending on their preparation needs. In addition, it includes flashcard decks designed to reinforce learning through spaced repetition, making it easier to retain key system design knowledge. -
21
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! ... -
22
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
...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, filters, blend modes, gradients, and keyframes—serving as both inspiration and a practical cookbook. Because each demo focuses on a single idea, it’s an effective way to learn new techniques without wading through a full framework. ... -
23
Chalk
Terminal string styling done right
...This simply means that chalk.red.yellow.green is equivalent to chalk.green. Color support is automatically detected, but you can override it by setting the level property. You should however only do this in your own code as it applies globally to all Chalk consumers. Detect whether the terminal supports color. Used internally and handled for you, but exposed for convenience. chalkStderr contains a separate instance configured with color support detected for stderr stream instead of stdout. Override rules from supportsColor apply to this too. supportsColorStderr is exposed for convenience. -
24
Headlines.nvim
This plugin adds horizontal highlights for text filetypes
This plugin adds highlights for text file types, like markdown, orgmode, and neorg. -
25
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....
