Code-Less

👩‍💻 Coding the repeatitive templates can be tiresome sometimes. Code-Less creates boiler templates for HTML and CSS effectively.👍 Helps to code conventional and customized ReactJs Hooks and VueJS Components. 🚀 CSS and SCSS code snippets include GlassMorphism Effect styled components.

Features

• Creates boiler templates with maximum utility.
• Get rid of initial tiresome CSS, HTML, ReactJS , VueJS and NuxtJS starter and functionality implementation code.
• Effective in generating React Hooks and Vue components.
• Generates Redux and Vuex functionality code.
• Capable of generating NuxtJS functionality code.
• Saves time while coding and increases productivity.

Usage Instructions

1. Open the command palette (Ctrl+Shift+P on Windows and Linux, Cmd+Shift+P on OS X) and search for Code-Less.
2. Type the prefix and you are good to go.

Snippets

Snippet	Render
!html	HTML Boilerplate
!css	CSS Boilerplate
form-html	HTML for creating a basic form
search-form-html	HTML for creating a search navbar
nav-html	HTML for creating a navbar
fixed-nav-css	Fixed Navbar CSS
center-div-css	Center convoluted div
form-css	CSS for creating a basic form
full-bg-img-css	Full Background Image
top-nav-css	Top Navbar Basic CSS
side-nav-css	Side Navbar Basic CSS
footer-css	CSS for creating a footer
grid-css	CSS for creating a grid
table-css	CSS for creating a table
2-cols-css	CSS for creating 2 column structure
grad-css	CSS for color gradient
mask-css	CSS for masking one image above another
card-css	CSS for creating a card
btn-css	CSS for creating a button
search-css	CSS for creating a search bar
form-html	Responsive Form HTML
search-form-html	Search Navbar
nav-html	Simple Navbar
glass-card-htm	Glass Effect Card
glass-card-css	GLass Effect Card CSS
glass-button	Glass Button
glass-button-css	Glass Button CSS
bd	Backdrop
d-bd-scss	Dark Backdrop SCSS
l-bd-scss	Light Backdrop SCSS
header	Header
header-css	Header CSS
bd-nt	Night Backdrop
!react	React Starter Template
usestate	React UseState
usestate-array	React UseState Arrays
usestate-form	React UseState Form
react-rouitng	React Routing
react-rouitng-layout	React Routing Layout
react-rouitng-home	React Routing Home
useeffect-fetch	React useEffect Fetch
useeffect-fetch-aa	React useEffect Fetch Async Await
useeffect-fetch-aa-error	React useEffect Fetch Async Await Error Handling
useeffect-timer	React useEffect Timer
useeffect-axios	React useEffect Axios
usecontext-context	React useContext Context
usecontext-reducer	React useContext Context with Reducer
useref	React useRef
useref-i	React useRef with Initial Value
useref-i-focus	React useRef with Initial Value and Focus
usereducer-reducer	React useReducer with Reducer
usecallback	React useCallback
usememo	React useMemo
usememo-dependency	React useMemo with Dependency
uselayouteffect	React useLayoutEffect `
usecallback-dependency	React useCallback with Dependency
!vue	Vue Template
vue-component	Vue Component
vue-component-props	Vue Component with Props
vue-toggle	Vue Component Toggle with v-if
vue-sidebar	Vue Sidebar
vue-tabs	Vue Tabs Component
vue-navbar	Vue Navbar
vue-footer	Vue footer
react-redux	React Redux starter template
react-redux-action	React Redux Action
react-redux-reducer	React Redux Reducer
react-redux-store	React Redux Store
react-redux-thunk	React Redux Thunk
react-redux-thunk	React Redux Thunk
react-redux-thunk-action	React Redux Thunk Action
vuex	Vuex starter template
vuex-module	Vuex Module template
vuex-action	Vuex Action template
vuex-mutation	Vuex Mutation template
vuex-getter	Vuex Getter template
vue-router	Vue Router
vue-router-view	Vue Router View
vue-router-link	Vue Router Link
vue-router-link-params	Vue Router Link with Params
nuxt-link	Nuxt-Link
nuxt-link-params	Nuxt-Link with Params
nuxt-link-query	Nuxt-Link with Query
nuxt-fetch	Nuxt Fetch
nuxt-fetch-params-query	Nuxt Fetch with Params and Query
uxt-fetch-store-params	Nuxt Fetch with Store and Params
uxt-fetch-store-query	Nuxt Fetch with Store and Query

---