<p>As one of those people that never got around to properly learning design (or having no talent for it), the design seems to be the step always holding me back. It's not a problem for rich-clients, as the standard GUI toolkits provide some acceptable ways to design a good-looking interface, but the web is another story. </p>

<p>Question: Does anyone know of a high-quality framework for designing the interface of web applications? I'm thinking of standard snippets of html for an adequate set of controls (the standard html controls plus maybe navigations, lists, forms) and style sheets to give it an acceptable, modern look. If such a thing existed, it could even support themes in the way wordpress, drupal etc. allow it.</p>

<p>I know of the yahoo yui, but that's mostly javascript, though their grid css is a step in the right direction. </p>

[{'answer_id': 47503, 'author': 'Tim Sullivan', 'author_id': 722, 'author_profile': 'https://Stackoverflow.com/users/722', 'pm_score': 2, 'selected': False, 'text': '<p>I\'m not sure that what you\'re looking for exists in the way you\'re looking for it. However, I\'ve had some luck with places like <a href="http://www.oswd.org/" rel="nofollow noreferrer">Open Source Web Design</a> and <a href="http://www.opendesigns.org/" rel="nofollow noreferrer">Open Designs</a>, which have some really slick templates that can be adapted to a web application so they at least don\'t look like crap.</p>\n\n<p>There are also some commercial offerings, such as <a href="http://www.gooeytemplates.com/" rel="nofollow noreferrer">Gooey Templates</a>.</p>\n\n<p>Once you\'re getting closer to launch, you can contact a pro to fix the details for you, or simply build on what you\'ve got.</p>\n\n<p><strong>Edited to add</strong>: You might also want to consider learning <a href="http://www.blueprintcss.org/" rel="nofollow noreferrer">Blueprint CSS</a>. I\'ve found it helps guide my layouts and helps them look "right", without constraining me to the layout constructed for another purpose.</p>\n'}, {'answer_id': 47506, 'author': 'reefnet_alex', 'author_id': 2745, 'author_profile': 'https://Stackoverflow.com/users/2745', 'pm_score': 1, 'selected': False, 'text': "<p>You'd probably also find the myriad of Wordpress templates reasonably useful to build on, as Wordpress is at least reasonable at separating content from layout. The also tend to have a modern bloggy feel. Of course teaming up with a talented designer is the ideal way to go in my experience! :)</p>\n"}, {'answer_id': 220008, 'author': 'Glen Lipka', 'author_id': 29687, 'author_profile': 'https://Stackoverflow.com/users/29687', 'pm_score': 3, 'selected': False, 'text': '<p>Try the <a href="http://www.extjs.com/products/extjs/" rel="noreferrer">samples on ExtJs</a>.\nI find them immensely useful in working out the UI.  (trees, panels, modals, etc etc)</p>\n'}, {'answer_id': 220079, 'author': 'Chris MacDonald', 'author_id': 18146, 'author_profile': 'https://Stackoverflow.com/users/18146', 'pm_score': 2, 'selected': False, 'text': '<p>I\'ll suggest <a href="http://code.google.com/webtoolkit/" rel="nofollow noreferrer">Google Web Toolkit</a> if you\'re a Java developer. <a href="http://gwt.google.com/samples/Showcase/Showcase.html#CwRichText" rel="nofollow noreferrer">Examples</a></p>\n\n<p>I\'ll also second the suggestion for <a href="http://www.extjs.com/" rel="nofollow noreferrer">Ext JS</a>.  It\'s got a vast array of really slick looking UI elements, incredibly well documented code, and a strong community.</p>\n'}, {'answer_id': 428772, 'author': 'utku_karatas', 'author_id': 14716, 'author_profile': 'https://Stackoverflow.com/users/14716', 'pm_score': 1, 'selected': False, 'text': '<p>This will be more than a framework OP originally wanted but I\'ll suggest having a look at <a href="http://www.morfik.com/" rel="nofollow noreferrer">Morfik</a>. </p>\n\n<p>You\'ll be able to build pretty slick user interfaces with the conventional drag&amp;drop way and with theming support (The homepage itself is built in Morfik). There\'re numerous other advantages Morfik provides, though let me not drift to off-topic for the subject. You may download the trial and see...</p>\n\n<p>ps. Disclaimer: I\'d worked for them.</p>\n'}, {'answer_id': 1009835, 'author': 'Community', 'author_id': -1, 'author_profile': 'https://Stackoverflow.com/users/-1', 'pm_score': 0, 'selected': False, 'text': '<p>Check out <a href="http://jacanasoftware.com" rel="nofollow noreferrer">http://jacanasoftware.com</a>. Their templates feature multi level tabs, clean css, it validates, and the CSS won\'t mess with your controls.  I highly recommend them.</p>\n'}, {'answer_id': 4286938, 'author': 'pomarc', 'author_id': 85738, 'author_profile': 'https://Stackoverflow.com/users/85738', 'pm_score': 1, 'selected': False, 'text': '<p>you can check out this young site, <a href="http://guitemplates.com/" rel="nofollow">http://guitemplates.com/</a>. The templates are quite clear and modern, and at 20 bucks each they won\'t break your budget.</p>\n'}, {'answer_id': 7275377, 'author': 'codeeverywhere', 'author_id': 924102, 'author_profile': 'https://Stackoverflow.com/users/924102', 'pm_score': 1, 'selected': False, 'text': '<p>We had the same problem so we made our own. CSS UI (<a href="http://css-ui.com" rel="nofollow">http://css-ui.com/</a>), open-source UI framework. The concept is to use pre-defined CSS classes to style any element.</p>\n'}, {'answer_id': 7413832, 'author': 'Galen King', 'author_id': 346595, 'author_profile': 'https://Stackoverflow.com/users/346595', 'pm_score': 3, 'selected': True, 'text': '<p>I realise this is an old thread but it still comes high up in Google searches so it\'s worth mentioning that Twitter have recently put out Twitter Bootstrap, a "toolkit for kickstarting CSS for websites, apps, and more" which looks fantastic! »\xa0<a href="https://github.com/twitter/bootstrap" rel="nofollow">https://github.com/twitter/bootstrap</a></p>\n'}]
['https://Stackoverflow.com/questions/47468', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/4494/']