_
- 🇺🇸English
- 🇪🇸Spanish
- 🇨🇳Chinese
lv for a View. lho for a hook import. lex for an export. Lynx Snippets turns the React and React Native boilerplate you type most into a two- or three-letter prefix and a Tab.
Works in any .tsx or .jsx file — type the shortcut, press Tab or Enter, keep moving.
Quick reference
Imports
| Snippet | Shortcut |
|---|---|
| Hook import | lho |
| CSS import | lcss |
| SCSS import | lscs |
| Component import | lcp |
| Image import | lii |
UI components
| Snippet | Shortcut |
|---|---|
| View | lv |
| Text | lt |
| Image | limg |
| List | ll |
| Scroll View | lll |
Code generation
| Snippet | Shortcut |
|---|---|
| Export (arrow function) | lex |
| Export (normal function) | lexx |
| Array loop | arr |
| List item | ltem |
| Open schema | los |
| Select component | les |
Snippets are managed from the Command Palette (Ctrl + Shift + P / Cmd + Shift + P): edit, delete, refresh, or create your own from there.
Installation
Press Ctrl + P, paste the following command, and press Enter:
ext install bastndev.lynx-js-snippetsOr search Lynx Snippets (publisher: bastndev) in the Extensions panel, or get it from open-vsx.org for Cursor, Windsurf, Trae.ai, Kiro, and Firebase Studio.
Bundled by default inside Lynxjs Pack. Writing Astro instead of React? Snippets Astro is the same idea for that stack.