I specifically mean the reactJS & material-ui project:
http://www.material-ui.com/
searching on theme-forest etc. doesn't turn up anything.
there are themes that use other front-end material design packages
such as:
http://preview.themeforest.net/item/materio-material-design-mobile-app-landing-page/full_screen_preview/10910350
^ materializecss
or
http://www.strapui.com/product-category/react.js-themes/
^ react + bootstrap
Converting the JS components to a different library seems like a whole lot of work... same as building from scratch really.
Thanks for any suggestions or quick ways to get a designed layouted site up and running!
Related
I started working on a new Laravel, Vue and inertiaJS project and I'm using VS code editor. The problem I'm having is that Vetur isn't getting that I'm using Inertia not pure Vue components; therefore, It keeps on highlighting everything in red because It assumes that everything is unidentified and unknown.
The below image is to demonstrate what I mean:
Is there a way I can work with InertiaJS on VS Code without having these disturbing errors everywhere and see only valid errors?
Vetur is deprecated, which is likely the cause of the problem. Switch to Volar.
From the Vue docs:
TIP
Volar replaces Vetur, our previous official VSCode extension for Vue 2. If you have Vetur currently installed, make sure to disable it in Vue 3 projects.
I have installed vue 3 with vuetify alpha version for vue 3 using vite. But almost none of the UI components works correctly. The colors are diferent, even if I copy-paste the template and script tags for the respective UI component.
For example this is how it looks for me:
And this is how it looks on their website:
AM I doing something incorrectly ? Or is it really incompatible and not reliable with vue 3
The upgrade is not very straightforward because a lot of props has been changed. And the documentation for vuetify 3 is outdated so you can't just copy and paste from the documentation. Currently, I'm a afraid that you should look into the source code to figure it out.
I need to have over 10 language in my Nativescript-vue app. I have looked at "vue-i18next" but i don't understand how it works with single file components. I don't understand how it will work if i have exempel app.vue, register.vue, login.vue and so on.. The docs didn't show how to do it on single file components.
Can someone give me a example with nativescript-vue "vue-i18next" or another language plugin? Just show me one single file component how its done ;)
We're using the Angular flavor of Material 2 (https://material.angular.io/) for a main project, but would like to create a separate static (HTML/CSS) prototyping workspace that is able to access just the Material 2 CSS styles from that main project. The idea is that this separate directory will pull the compiled CSS from the Angular project, but allow for experimentation in HTML/CSS styling without configuring any JS.
Is it possible to compile the full CSS (components, typography, etc.) from the Angular Material 2 project, without needing AngularJS? It seems like there are styles being inserted by JS using the <style> tag.
Here's a basic demo of the SCSS file I've tried to build to load the Material styles:
#import "~#angular/material/theming";
#include mat-core();
This works for adding things like typography and the class names, but it doesn't add all of the possible styles for those classes. For example, the card component only gets very basic styles—it's missing the other styles such as padding that seem to be injected via JS.
I also tried the material-components-web project, which has compiled CSS here. It comes very close to doing the job. But unfortunately just renaming .mdc- to .mat- is not enough. The component names and usage aren't quite the same.
For example, material-components-web uses BEM: mdc-card__actions.
Whereas the Angular versions calls it .mat-card-actions.
Does anyone have any idea of the CSS framework used by Vue.js website?
I want to use the theme on my website. It's so awesome.
From what I can see in their style.css they are NOT using any framework. It's 100% their code.
The only 3rd party libraries they use are:
Font Awesome
Google Fonts
styles for Algolia's search