React Preview

It is a convenient way to traverse your React app in VS Code. As your codebase grows, your native file structure becomes less and less intuitive. It is an interactive hierarchical dependency tree that lives directly within your VS Code IDE, as accessible as the native file system. You can build your tree by selecting any component file as the root and get information about the available props at any level. It also provides visual indication of Javascript syntax or import errors in your files, and shows you which components are connected to your Redux store.

React Router is a complete routing solution designed specifically for React.js. It painlessly synchronizes the components of your application with the URL, with first-class support for nesting, transitions, and server side rendering.

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

It is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework.

A command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications. You can use the tool directly in a command shell, or indirectly through an interactive UI such as Angular Console.

Tweak React components in real time.

Sprint from Zero to App. Hit the ground running with comprehensive, modern UI components that work across the web, mobile and desktop. It allows to create material styled angular apps fast and easy.

Vue CLI aims to be the standard tooling baseline for the Vue ecosystem. It ensures the various build tools work smoothly together with sensible defaults so you can focus on writing your app instead of spending days wrangling with config.

It is the official command line utility used to create, build, serve, and test Ember.js apps and addons. It provides a consistent project structure, a powerful addon system, and a fast Broccoli-powered build pipeline. Whether you are looking for a zero-config experience or the ability to make your own customizations, it has the tools you need.

It executes on the server, generating static application pages that later get bootstrapped on the client. This means that the application generally renders more quickly, giving users a chance to view the application layout before it becomes fully interactive.

Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production.

It is the official router for Vue.js. It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze.

It is a popular developer productivity extension for Microsoft Visual Studio. It automates most of what can be automated in your coding routines. It finds compiler errors, runtime errors, redundancies, and code smells right as you type, suggesting intelligent corrections for them.

It is an AI pair programmer that helps you write code faster and with less work. It draws context from comments and code, and suggests individual lines and whole functions instantly.

There are a lot of libraries out there that allow for drag and drop interactions within React. Most notable of these is the amazing react-dnd. It does an incredible job at providing a great set of drag and drop primitives which work especially well with the wildly inconsistent html5 drag and drop feature. react-beautiful-dnd is a higher level abstraction specifically built for vertical and horizontal lists. Within that subset of functionality react-beautiful-dnd offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by react-dnd.

Since version 0.101.0 and later Spacemacs totally abolishes the frontiers between Vim and Emacs. The user can now choose his/her preferred editing style and enjoy all the Spacemacs features. Even better, it is possible to dynamically switch between the two styles seamlessly which makes it possible for programmers with different styles to do seat pair programming using the same editor.

UI-Modules Standalone AngularUI modules.

We like to think that Buefy is the javascript layer for your Bulma interface, since it doesn't require for it to be a sophisticated Single-Page Application. You can import it completely or single components on a ordinary webpage and use Vue.js as a replacement for jQuery.

A collection of Atom UIs to support language services as part of Atom IDE, designed for use with packages built on top of atom-languageclient.

Your editor and web browser don't know anything about each other, which is why you end up continuously switching between them. Kite bridges that gap, bringing an internet-connected programming experience right alongside your editor.

Stencil combines some of the best features from traditional frameworks, but outputs 100% standards-compliant Custom Elements, part of the Web Component spec.

It is an MIT licensed open source React components and hooks library with a focus on usability, accessibility, and developer experience. You can build fully functional accessible web applications faster than ever – it includes more than 120 customizable components and hooks to cover you in any situation.

React Starter Kit is an opinionated boilerplate for web development built on top of Facebook's React library, Node.js / Express server and Flux architecture. Containing modern web development tools such as Webpack, Babel and BrowserSync.

A minimalist Vim plugin manager.

At its core, it is a library for semantic analysis of Rust code as it changes over time. It is a new "IDE backend" for the Rust programming language.

This reusable React component will manage all of your changes to the document head with support for document title, meta, link, style, script, noscript, and base tags.

It is an open source JavaScript library for a full-sized, drag & drop event calendar. It seamlessly integrates with such popular JavaScript frameworks as Vue, React, Angular.

PrimeReact is a rich set of open source UI Components for React.

PostSharp enables developers to eradicate boilerplate by offloading repetitive work from humans to machines using aspects: special kinds of custom attributes that modify the behavior of code they are applied to.

An enterprise-class UI design language for web applications. A set of high-quality Vue components out of the box. Shared Ant Design of React design resources.

React MD is Google's Material Design specifications implemented with Sass and React. The goal of the project is to create components that adhere to the Material Design specifications.

Glamorous is React component styling solved with an elegant (inspired) API, small footprint (<5kb gzipped), and great performance (via glamor). It has a very similar API to styled-components and uses similar tools under the hood (glamor).

By combining an opinionated authoring system, build-time analysis and rewriting of templates, and a new type of CSS optimizer, css-blocks breathes new power and ease of use into the technologies and best practices that stylesheet developers already know and love.

Vuesax is a framework of components based on vue js, it is a framework that is designed from scratch to be incrementally adoptable. The framework is focused on facilitating the development of applications, improving the design of the same without removing the necessary functionality. we want all the components to be independent in colors, shapes and design for a freedom that we like all front-end but without losing the speed of creation and production.

angular-gantt provides a gantt chart component to your AngularJS application.

Code Faster With Whole-Line & Full-Function Code Completions. Trusted by millions of developers.

Vundle is short for Vim bundle and is a Vim plugin manager.

It is a fully type-safe React router with built-in data fetching, stale-while revalidate caching and first-class search-param APIs.

Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application.

SpaceVim is a Modular configuration, a bundle of custom settings and plugins, for Vim. It got inspired by spacemacs.

Radium is a set of tools to manage inline styles on React elements. It gives you powerful styling capabilities without CSS.

It allows you to send HTTP request and view the response in Visual Studio Code directly.

Manage your 'runtimepath' with ease. In practical terms, pathogen.vim makes it super easy to install plugins and runtime files in their own private directories.

Evergreen is a pragmatic UI kit for building evolving products on the web. It is built and maintained open-source by Segment.

An Ember CLI addon that allows you to render and serve Ember.js apps on the server. Using FastBoot, you can serve rendered HTML to browsers and other clients without requiring them to download JavaScript assets.

React Canvas adds the ability for React components to render to "canvas" rather than DOM. This project is a work-in-progress. Though much of the code is in production on flipboard.com, the React canvas bindings are relatively new and the API is subject to change.

It is an open-source, local-first, markdown-based, note-taking tool built on top of VSCode. Like most such tools, it supports all the usual features you would expect like tagging, backlinks, a graph view, split panes, and so forth.

It enables you to quickly and easily design your own VS Code theme in an intuitive, user-friendly, web-based interface. No more messing around with nasty JSON files, editing raw hex color codes, and tweaking settings.