Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Sass
Sass

11.4K
7.6K
+ 1
3K
Xamarin
Xamarin

612
566
+ 1
703
Add tool

Sass vs Xamarin: What are the differences?

What is Sass? Syntactically Awesome Style Sheets. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

What is Xamarin? Create iOS, Android and Mac apps in C#. Xamarin鈥檚 Mono-based products enable .NET developers to use their existing code, libraries and tools (including Visual Studio*), as well as skills in .NET and the C# programming language, to create mobile applications for the industry鈥檚 most widely-used mobile devices, including Android-based smartphones and tablets, iPhone, iPad and iPod Touch.

Sass can be classified as a tool in the "CSS Pre-processors / Extensions" category, while Xamarin is grouped under "Cross-Platform Mobile Development".

"Variables", "Mixins" and "Nested rules" are the key factors why developers consider Sass; whereas "Power of c# on mobile devices", "Native apps with native ui controls" and "Native performance" are the primary reasons why Xamarin is favored.

Sass is an open source tool with 12K GitHub stars and 1.93K GitHub forks. Here's a link to Sass's open source repository on GitHub.

According to the StackShare community, Sass has a broader approval, being mentioned in 2099 company stacks & 1484 developers stacks; compared to Xamarin, which is listed in 75 company stacks and 66 developer stacks.

- No public GitHub repository available -

What is Sass?

Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

What is Xamarin?

Xamarin鈥檚 Mono-based products enable .NET developers to use their existing code, libraries and tools (including Visual Studio*), as well as skills in .NET and the C# programming language, to create mobile applications for the industry鈥檚 most widely-used mobile devices, including Android-based smartphones and tablets, iPhone, iPad and iPod Touch.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Sass?
Why do developers choose Xamarin?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con

    Sign up to add, upvote and see more consMake informed product decisions

    What companies use Sass?
    What companies use Xamarin?

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with Sass?
    What tools integrate with Xamarin?

    Sign up to get full access to all the tool integrationsMake informed product decisions

    What are some alternatives to Sass and Xamarin?
    Stylus
    Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.
    styled-components
    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 馃拝
    PostCSS
    PostCSS is a tool for transforming CSS with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more.
    Bootstrap
    Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
    Less
    Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.
    See all alternatives
    Decisions about Sass and Xamarin
    Koa
    Koa
    React Router
    React Router
    Foundation
    Foundation
    Semantic UI
    Semantic UI
    Bootstrap
    Bootstrap
    PostCSS
    PostCSS
    Less
    Less
    Sass
    Sass
    styled-components
    styled-components
    React Helmet
    React Helmet
    Webpack
    Webpack
    TypeScript
    TypeScript
    JavaScript
    JavaScript
    Apollo
    Apollo
    GraphQL
    GraphQL
    React
    React
    #JSX
    #React.
    #Css
    #StyledComponents.
    #Async
    #HTML
    #GraphQL
    #Apollo

    ReactQL is a React + GraphQL front-end starter kit. #JSX is a natural way to think about building UI, and it renders to pure #HTML in the browser and on the server, making it trivial to build server-rendered Single Page Apps. GraphQL via Apollo was chosen for the data layer; #GraphQL makes it simple to request just the data your app needs, and #Apollo takes care of communicating with your API (written in any language; doesn't have to be JavaScript!), caching, and rendering to #React.

    ReactQL is written in TypeScript to provide full types/Intellisense, and pick up hard-to-diagnose goofs that might later show up at runtime. React makes heavy use of Webpack 4 to handle transforming your code to an optimised client-side bundle, and in throws back just enough code needed for the initial render, while seamlessly handling import statements asynchronously as needed, making the payload your user downloads ultimately much smaller than trying to do it by hand.

    React Helmet was chosen to handle <head> content, because it works universally, making it easy to throw back the correct <title> and other tags on the initial render, as well as inject new tags for subsequent client-side views.

    styled-components, Sass, Less and PostCSS were added to give developers a choice of whether to build styles purely in React / JavaScript, or whether to defer to a #css #preprocessor. This is especially useful for interop with UI frameworks like Bootstrap, Semantic UI, Foundation, etc - ReactQL lets you mix and match #css and renders to both a static .css file during bundling as well as generates per-page <style> tags when using #StyledComponents.

    React Router handles routing, because it works both on the server and in the client. ReactQL customises it further by capturing non-200 responses on the server, redirecting or throwing back custom 404 pages as needed.

    Koa is the web server that handles all incoming HTTP requests, because it's fast (TTFB < 5ms, even after fully rendering React), and its natively #async, making it easy to async/await inside routes and middleware.

    See more
    Hampton Catlin
    Hampton Catlin
    VP of Engineering at Rent The Runway | 4 upvotes 59.2K views
    atRent the RunwayRent the Runway
    styled-components
    styled-components
    PostCSS
    PostCSS
    Sass
    Sass

    We use Sass because I invented it! No, that's not a joke at all! Well, let me explain. So, we used Sass before I started at Rent the Runway because it's the de-facto industry standard for pre-compiled and pre-processed CSS. We do also use PostCSS for stuff like vendor prefixing and various transformations, but Sass (specifically SCSS) is the main developer-focused language for describing our styling. Some internal apps use styled-components and @Aphrodite, but our main website is allllll Sassy. Oh, but the non-joking part is the inventing part. /shrug

    See more
    Greg Neumann
    Greg Neumann
    Indie, Solo, Developer | 6 upvotes 67.3K views
    TypeScript
    TypeScript
    Vue.js
    Vue.js
    Electron
    Electron
    Quasar Framework
    Quasar Framework
    ASP.NET
    ASP.NET
    Xamarin Forms
    Xamarin Forms
    .NET Core
    .NET Core
    Xamarin
    Xamarin

    Finding the most effective dev stack for a solo developer. Over the past year, I've been looking at many tech stacks that would be 'best' for me, as a solo, indie, developer to deliver a desktop app (Windows & Mac) plus mobile - iOS mainly. Initially, Xamarin started to stand-out. Using .NET Core as the run-time, Xamarin as the native API provider and Xamarin Forms for the UI seemed to solve all issues. But, the cracks soon started to appear. Xamarin Forms is mobile only; the Windows incarnation is different. There is no Mac UI solution (you have to code it natively in Mac OS Storyboard. I was also worried how Xamarin Forms , if I was to use it, was going to cope, in future, with Apple's new SwiftUI and Google's new Fuchsia.

    This plethora of techs for the UI-layer made me reach for the safer waters of using Web-techs for the UI. Lovely! Consistency everywhere (well, mostly). But that consistency evaporates when platform issues are addressed. There are so many web frameworks!

    But, I made a simple decision. It's just me...I am clever, but there is no army of coders here. And I have big plans for a business app. How could just 1 developer go-on to deploy a decent app to Windows, iPhone, iPad & Mac OS? I remembered earlier days when I've used Microsoft's ASP.NET to scaffold - generate - loads of Code for a web-app that I needed for several charities that I worked with. What 'generators' exist that do a lot of the platform-specific rubbish, allow the necessary customisation of such platform integration and provide a decent UI?

    I've placed my colours to the Quasar Framework mast. Oh dear, that means Electron desktop apps doesn't it? Well, Ive had enough of loads of Developers saying that "the menus won't look native" or "it uses too much RAM" and so on. I've been using non-native UI-wrapped apps for ages - the date picker in Outlook on iOS is way better than the native date-picker and I'd been using it for years without getting hot under the collar about it. Developers do get so hung-up on things that busy Users hardly notice; don't you think?. As to the RAM usage issue; that's a bit true. But Users only really notice when an app uses so much RAM that the machine starts to page-out. Electron contributes towards that horizon but does not cause it. My Users will be business-users after all. Somewhat decent machines.

    Looking forward to all that lovely Vue.js around my TypeScript and all those really, really, b e a u t I f u l UI controls of Quasar Framework . Still not sure that 1 dev can deliver all that... but I'm up for trying...

    See more
    Interest over time
    Reviews of Sass and Xamarin
    Review ofXamarinXamarin

    I'm working in Huge company and I'm in charge to choose the cross-platform environment to develop Mobile application for all our services. I choose Xamarin but because the error i get everytime in Visual Studio, I want to leave it and recommand another solution. In fact that's why I'm here.

    Weird, Install VS2017 with Xamarin on a new PC Create a new app GOT ERRORS.....!!!!!

    Thank you for considering this

    How developers use Sass and Xamarin
    Avatar of Kevin Ard
    Kevin Ard uses SassSass

    It was a little awkward building BS3 with LESS, and the rest of the site with SCSS, but it works. SCSS made building the UI elements (ink/flip buttons, img navs, etc) a breeze. It also drives the mobile menu open/close transitions - that would have been much too much with vanilla css.

    Avatar of Foundbite
    Foundbite uses XamarinXamarin

    Xamarin enables us to develop for 3 platforms (iOS, Android and Windows Phone) with one core codebase coded in C#. Xamarin has allowed us to release an app on all three platforms and develop them simultaneously - not bad for a team of 2!

    Avatar of Climate CoLab
    Climate CoLab uses SassSass

    Sass helps us write better stylesheets. One major improvement over CSS that we use a lot is variables - it allows for much easier theming to quickly change brand colors for new instances of the xCoLab.

    Avatar of Ujjwal Bhujel
    Ujjwal Bhujel uses SassSass

    When you realise that countless lines of CSS codes could be made countable. And off course, a wonderful and cool way to use the logic behind variables and nesting. Simply love it.

    Avatar of Scrayos UG (haftungsbeschr盲nkt)
    Scrayos UG (haftungsbeschr盲nkt) uses SassSass

    Sass is used as a part of Woltlab Suite Core, which offers to submit/configure own styles via the injection of own Sass-CSS. So we exclusively rely on Sass for our CSS needs.

    Avatar of Refractal
    Refractal uses SassSass

    CSS is a mess. There, we said it. Sass, on the other hand takes CSS and makes it pretty, easy to work with and has stuff like variables which make things seriously awesome.

    Avatar of Ana Phi Sancho
    Ana Phi Sancho uses XamarinXamarin

    Self taught : acquired knowledge or skill on one's own initiative. Platform: OSX 10.8 or later. Mac computer user.

    Avatar of Robert Brown
    Robert Brown uses XamarinXamarin

    Build & ship OS X & iOS apps from Visual Studio on Windows. Requires paid team license.

    Avatar of Daniel Kovacs
    Daniel Kovacs uses XamarinXamarin

    Mobile app development with PCL and Xamarin.iOS and Xamarin.Android.

    Avatar of Olo
    Olo uses XamarinXamarin

    Cross platform, white labelled native mobile apps

    How much does Sass cost?
    How much does Xamarin cost?
    Pricing unavailable