Overview Version History Q & A Rating & Review
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
Open the command palette (Ctrl+Shift+P on Windows and Linux, Cmd+Shift+P on OS X) and search for Code-Less.
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
