My Neovim setup for React, TypeScript, Tailwind CSS, etc

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • LearnThisRepo.com - Learn 300+ open source libraries for free using AI.
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern API for authentication & user identity.
  • packer.nvim

    A use-package inspired plugin manager for Neovim. Uses native packages, supports Luarocks dependencies, written in Lua, allows for expressive config

    git clone --depth 1 https://github.com/wbthomason/packer.nvim \ ~/.local/share/nvim/site/pack/packer/start/packer.nvim

  • neosolarized.nvim

    Truecolor solarized theme for neovim in Lua using colorbuddy (by svrana)

    svrana/neosolarized.nvim - A truecolor, solarized dark colorscheme

  • LearnThisRepo.com

    Learn 300+ open source libraries for free using AI. LearnThisRepo lets you learn 300+ open source repos including Postgres, Langchain, VS Code, and more by chatting with them using AI!

  • lualine.nvim

    A blazing fast and easy to configure neovim statusline plugin written in pure lua.

    nvim-lualine/lualine.nvim - A blazing fast and easy to configure Neovim statusline written in Lua

  • lspkind-nvim

    vscode-like pictograms for neovim lsp completion items [Moved to: https://github.com/onsails/lspkind.nvim]

    onsails/lspkind-nvim - VSCode-like pictograms

  • neovim

    Vim-fork focused on extensibility and usability

    Requires Neovim (>= 0.7)

  • LuaSnip

    Snippet Engine for Neovim written in Lua.

    L3MON4D3/LuaSnip - Snippet Engine for Neovim written in Lua

  • cmp-nvim-lsp

    nvim-cmp source for neovim builtin LSP client

    hrsh7th/cmp-nvim-lsp - nvim-cmp source for neovim's built-in LSP

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • iTerm2

    iTerm2 is a terminal emulator for Mac OS X that does amazing things.

    iTerm2 is a fast terminal emulator for macOS. Install one of Nerd Fonts for displaying fancy glyphs on your terminal. My current choice is Hack. And use it on your terminal app. For example, on iTerm2:

  • cmp-buffer

    nvim-cmp source for buffer words

    hrsh7th/cmp-buffer - nvim-cmp source for buffer words

  • nvim-cmp

    A completion plugin for neovim coded in Lua.

    hrsh7th/nvim-cmp - A completion engine plugin for neovim written in Lua

  • nvim-lspconfig

    Quickstart configs for Nvim LSP

    Neovim has a built-in LSP support. You can easily configure it by using neovim/nvim-lspconfig. For example, to enable typescript language server on Neovim:

  • null-ls.nvim

    Use Neovim as a language server to inject LSP diagnostics, code actions, and more via Lua.

    I heavily rely on Prettier to format TypeScript/JavaScript/CSS files. Use jose-elias-alvarez/null-ls.nvim and MunifTanjim/prettier.nvim to accomplish that.

  • prettier.nvim

    Prettier plugin for Neovim's built-in LSP client.

    I heavily rely on Prettier to format TypeScript/JavaScript/CSS files. Use jose-elias-alvarez/null-ls.nvim and MunifTanjim/prettier.nvim to accomplish that.

  • mason.nvim

    Portable package manager for Neovim that runs everywhere Neovim runs. Easily install and manage LSP servers, DAP servers, linters, and formatters.

    If you need additional LSP support for specific libraries, you may need williamboman/mason.nvim and williamboman/mason-lspconfig.nvim. I use them for getting Tailwind CSS language server to work on Neovim.

  • mason-lspconfig.nvim

    Extension to mason.nvim that makes it easier to use lspconfig with mason.nvim.

    If you need additional LSP support for specific libraries, you may need williamboman/mason.nvim and williamboman/mason-lspconfig.nvim. I use them for getting Tailwind CSS language server to work on Neovim.

  • lspsaga.nvim

    improve neovim lsp experience [Moved to: https://github.com/nvimdev/lspsaga.nvim] (by glepnir)

    glepnir/lspsaga.nvim is one of my favorite LSP plugins. It provides beautiful UIs for various LSP-related features like hover doc, definition preview, and rename actions. My configuration is simple:

  • nvim-treesitter

    Nvim Treesitter configurations and abstraction layer

    nvim-treesitter/nvim-treesitter - Treesitter configurations and abstraction layer for Neovim

  • tree-sitter

    An incremental parsing system for programming tools

    nvim-treesitter/nvim-treesitter - Treesitter configurations and abstraction layer for Neovim

  • nvim-web-devicons

    lua `fork` of vim-web-devicons for neovim

    Install kyazdani42/nvim-web-devicons to get file icons on Telescope, statusline, and other supported plugins.

  • telescope.nvim

    Find, Filter, Preview, Pick. All lua, all the time.

    telescope.nvim provides an interactive fuzzy finder over lists, built on top of the latest Neovim features. I also use telescope-file-browser.nvim as a filer.

  • telescope-file-browser.nvim

    File Browser extension for telescope.nvim

    telescope.nvim provides an interactive fuzzy finder over lists, built on top of the latest Neovim features. I also use telescope-file-browser.nvim as a filer.

  • nvim-autopairs

    autopairs for neovim written by lua

    windwp/nvim-autopairs is for closing brackets.

  • nvim-ts-closetag

    Use treesitter to auto close and auto rename html tag

    For React apps, you often want to close tags quickly. windwp/nvim-ts-autotag is exactly what you want.

  • nvim-colorizer.lua

    The fastest Neovim colorizer.

    norcalli/nvim-colorizer.lua - A high-performance color highlighter

  • nvim-bufferline.lua

    A snazzy bufferline for Neovim [Moved to: https://github.com/akinsho/bufferline.nvim]

    I use akinsho/nvim-bufferline.lua to get better looking of tabs. Make some customizations to make it look better with Solarized theme:

  • gitsigns.nvim

    Git integration for buffers

    lewis6991/gitsigns.nvim provides git decorations for current buffers. It helps you know which lines are currently changed. It works out of the box.

  • git.nvim

    I often view the code on GitHub. dinhhuy258/git.nvim helps open GitHub right from Neovim, and provides git blame view in split view, which are super handy.

  • zen-mode.nvim

    🧘 Distraction-free coding for Neovim

    folke/zen-mode.nvim - Distraction-free mode

  • markdown-preview.nvim

    markdown preview plugin for (neo)vim

    iamcco/markdown-preview.nvim - Markdown live preview

  • dotfiles-public

    My personal dotfiles

    View on GitHub

  • nerd-fonts

    Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more

    iTerm2 is a fast terminal emulator for macOS. Install one of Nerd Fonts for displaying fancy glyphs on your terminal. My current choice is Hack. And use it on your terminal app. For example, on iTerm2:

  • nvim-lua-guide

    A guide to using Lua in Neovim

  • prettierd

    prettier, as a daemon, for improved formatting speed.

    First, you need prettierd:

  • WorkOS

    The modern API for authentication & user identity. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts