Front-end Engineer in 2021

Developer Tools Design Tools Javascript UI Libraries

Vue.js Landing Page
1

Vue.js

Reactive Components for Modern Web Interfaces
Pricing:
- Open Source
The three most common Front-end frameworks are React, Angular, and Vue, and they're going To be around for a long time. The fight right now is between Facebook's React And Vue. Vue currently has over 180k stars on Github while React is at 165k stars, However, React has Over 10.4m weekly downloads while Vue is at 2.3m downloads per week. In Conclusion, React is more popular than Vue with about 80%.

#Front-End Frameworks #Javascript UI Libraries #JS Library 341 social mentions
Tailwind CSS Landing Page
2

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
Tailwindcss.

#Developer Tools #Design Tools #Website Design 870 social mentions
Storybook Landing Page
3

Storybook

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
Pricing:
- Open Source
Storybook js: This 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 alternative to Storybookjs Is Bit.

#React #React Components #Developer Tools 205 social mentions
Semantic UI Landing Page
4

Semantic UI

A UI Component library implemented using a set of specifications designed around natural language
Pricing:
- Open Source
Semantic UI.

#CSS Framework #Design Tools #Development Tools 17 social mentions
scrollmagic.io
5

ScrollMagic

The jQuery plugin for magical scroll interactions.
Pricing:
- Open Source
Scroll magic

#Animation #JavaScript #CSS 25 social mentions
React Landing Page
6

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
The three most common Front-end frameworks are React, Angular, and Vue, and they're going To be around for a long time. The fight right now is between Facebook's React And Vue. Vue currently has over 180k stars on Github while React is at 165k stars, However, React has Over 10.4m weekly downloads while Vue is at 2.3m downloads per week. In Conclusion, React is more popular than Vue with about 80%.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions
Nuxt.js Landing Page

7

Nuxt.js

Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable. It's a perfect static site generator.

Nuxtjs (Vue based)

#Static Site Generators #Developer Tools #Javascript UI Libraries 149 social mentions
Next.js Landing Page
8

Next.js

A small framework for server-rendered universal JavaScript apps
Pricing:
- Open Source
Nextjs (React based)

#Developer Tools #Web Frameworks #JavaScript Framework 925 social mentions
Mochajs Landing Page
9

Mochajs

Mocha is a JavaScript test framework running on Node.js and the browser, making asynchronous testing simple.
Pricing:
- Open Source
Chai and Mocha.

#Development Tools #Javascript UI Libraries #JavaScript Framework 86 social mentions
Material UI Landing Page
10

Material UI

A CSS Framework and a Set of React Components that Implement Google's Material Design
Pricing:
- Open Source
Material UI: This is by far the most popular UI Library out there with a lot of components to handle nearly everything you need to build your application. You must also note that customization can be Tedious.

#Design Tools #Development Tools #Developer Tools 75 social mentions
Gridsome Landing Page
11

Gridsome

Gridsome is a free & open source Vue.js-powered framework for building websites & apps that are fast by default 🚀.
Pricing:
- Open Source
Gridsome (Vue based)

#Static Site Generators #Blogging #CMS 21 social mentions
GSAP Landing Page
12

GSAP

GSAP (GreenSock Animation Platform) is a suite of JavaScript tools for high-performance animations that work in all major browsers.
Pricing:
- Open Source
- Freemium
- Free Trial
- $99.0 / Annually
GSAP

#Javascript UI Libraries #Charting Libraries #Animation 72 social mentions
GraphQL Landing Page
13

GraphQL

GraphQL is a data query language and runtime to request and deliver data to mobile and web apps.
Pricing:
- Open Source
Graphql has been dominating both in the server-side world And the front-end world. It was first released in 2015 by Facebook to tackle Issues developers are facing.

#Developer Tools #Web Frameworks #JavaScript Framework 223 social mentions
Bootstrap Landing Page
14

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
Bootstrap.

#CSS Framework #Development Tools #Design Tools 326 social mentions
Figma Landing Page

15

Figma

Team-based interface design, Figma lets you collaborate on designs in real time.

Figma: This is the tool I use for almost all my designs. A few benefits of Figma is that it has a cross-platform desktop application for most operating systems and it is open source. The web version works the same as the desktop version.

#Design Tools #Prototyping #Design Collaboration 101 social mentions
Chakra UI Landing Page
16

Chakra UI

Simple, modular and accessible UI components for your React applications.
Pricing:
- Open Source
Chakra UI: Chakra UI is another goto library for building react applications with speed and flexibility if you prefer to style your components with props.

#Design Tools #Developer Tools #UI 197 social mentions
Bulma Landing Page
17

Bulma

Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
Pricing:
- Open Source
Bulma.

#CSS Framework #Development Tools #Design Tools 109 social mentions
Bit.dev Landing Page
18

Bit.dev

Easily share reusable components between projects and applications to build faster as a team. Collaborate to develop, publish and manage components and modules at any scale without overhead.
Pricing:
- Open Source
Storybook js: This 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 alternative to Storybookjs Is Bit.

#Software Development #Code Collaboration #Software Development Tools 50 social mentions
Ant Design Landing Page
19

Ant Design

An enterprise-class UI design language and React implementation with a set of high-quality React components, one of best React UI library for enterprises
Pricing:
- Open Source
Ant Design: This is more of a slick and minimal design-focused UI library with a lot of components to handle nearly everything you need to build your application.

#Development Tools #Design Tools #UI 96 social mentions
Angular.io Landing Page

20

Angular.io

Angular is a JavaScript web framework for creating single-page web applications. The code is free to use and available as open source. It is further maintained and heavily used by Google and by lots of other developers around the world.

The three most common Front-end frameworks are React, Angular, and Vue, and they're going To be around for a long time. The fight right now is between Facebook's React And Vue. Vue currently has over 180k stars on Github while React is at 165k stars, However, React has Over 10.4m weekly downloads while Vue is at 2.3m downloads per week. In Conclusion, React is more popular than Vue with about 80%.

#JavaScript Framework #JS Library #Web Development Tools 284 social mentions