👩💻 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.
- 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.
- 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.
| 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 |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent