Beautiful rounded corners for your HTML boxes

What is CurvyCorners?

A free JavaScript library for creating gorgeous rounded corners for HTML block elements i.e. DIVs. Supports anti-aliasing, borders and background images.

Why use CurvyCorners?

CurvyCorners is designed to fill a gap in modern browser support for rounded corners on block elements while we wait for CSS3 to be finalised and supported by all browsers.

Currently Firefox, Safari and Chrome have limited support for the proposed CSS3 border-radius selector.

Will CurvyCorners use native border-radius if available?

Yes! CurvyCorners only does its magic on browsers that don't have CSS3 border-radius support, namely IE and Opera.

Examples?

Every rounded box on this page uses CurvyCorners.
View more examples

Comments

We would love to hear your comments on CurvyCorners.

Please note this is not a support channel please vist our Google Support page if you need help with the script.

Some comments may be moderated.

 

Gravatar alerts like "zero-width box with no accountable parent"
wasting my time

damn idea bringing curvy errors in ie directly to users
André, switzerland
Fri 3rd July 2009 10:26:13
Gravatar alert "zero-width box with no accountable parent" etc
wasting my time

damn idea bringing curvyalerts directly to users in IE
André, switzerland
Fri 3rd July 2009 10:23:54
Gravatar how we can make curvy border. is there any easy way with clirity.
Reema Tiwari, hyderabad india
Thu 2nd July 2009 13:36:28
Gravatar Great script!! is there a way to make it run faster when loading the page?
ekly, Cameroon
Tue 30th June 2009 16:25:31
Gravatar Nice work! Thank you very much.
Passers, China
Mon 29th June 2009 00:06:43
Gravatar It has got some limitations.

- On RTL (right to left) pages (i.e. Arabic) the pages are rendered incorrectly.
- The hover style seems to work when the page first load, then as you nagivate thru the site it degrades to a point that you have to move the mouse on the edge of the text (but not outside) in order to click it.

Other than that is it an excellent product that produces stunning visual results.

I was able to fix those two problems above by using JQuery Curvy Corners (just google it), download those specific .js files in that page and everything works.

Thanks guys, for this excellent work.
Giuseppe, Japan
Sun 28th June 2009 01:41:58
Gravatar It has got some limitations.

- On RTL (right to left) pages (i.e. Arabic) the pages are rendered incorrectly.
- The hover style seems to work when the page first load, then as you nagivate thru the site it degrades to a point that you have to move the mouse on the edge of the text (but not outside) in order to click it.

Other than that is it an excellent product that produces stunning visual results.

I was able to fix those two problems above by using JQuery Curvy Corners (just google it), download those specific .js files in that page and everything works.

Thanks guys, for this excellent work.
Giuseppe, Japan
Sun 28th June 2009 01:41:00
Gravatar It has got some limitations.

- On RTL (right to left) pages (i.e. Arabic) the pages are rendered incorrectly.
- The hover style seems to work when the page first load, then as you nagivate thru the site it degrades to a point that you have to move the mouse on the edge of the text (but not outside) in order to click it.

Other than that is it an excellent product that produces stunning visual results.

I was able to fix those two problems above by using JQuery Curvy Corners (just google it), download those specific .js files in that page and everything works.

Thanks guys, for this excellent work.
Giuseppe, Japan
Sun 28th June 2009 01:39:18
Gravatar Great script! I was using this on a new site, but I spent hours trying to figure out why my JQuery form validation wouldn't work in IE 6/7/8. Unfortunately it seems it was conflicting with CurvyCorners. I need form validation more than rounded corners, so I had to remove it.

Stupid IE! ARGH!
emptywalls, San Diego
Fri 26th June 2009 23:19:51
Gravatar This is super cool and am looking forward to using it!
Saul Colt, Toronto, Canada
Wed 24th June 2009 16:03:24
Gravatar Nice script, A slight problem in IE but then again IE is a slight problem.
Mike Hankey, Jacksonville, FL
Sat 13th June 2009 03:54:15
Gravatar @Victor please see documentation.
Cameron, Brighton, UK
Wed 10th June 2009 09:23:39
Gravatar i would like to create my own website.can u help me,please?:*:*
mandraburca tatiana, bucharest
Tue 9th June 2009 09:12:45
Gravatar This is great, sure to come in handy... similar but special! ;)
Carlo, Grand Cayman
Sun 7th June 2009 22:34:00
Gravatar
Hi, there, I have just downloaded your "software" from curvy corners and tried to make it work.
Unfortunately it is too complicated for me as I have no html, css knowledge.
Ccould you explain to me please what I am supposed to do in simple layman , plain english fashion.
I am not totaly stupid ,
I know how to copy things into the head section and I can upload pages (ftp) with fetch.

Ok I stop winging
Please help me.
Victor
Victor, London
Sat 6th June 2009 11:32:47
Gravatar I'm looking for this,thanks.
Great site!
lomoman, Beijing
Fri 5th June 2009 09:11:24
Gravatar I'm getting the same error in IE on this page (cannot load) that Owen Manderfield was getting (noted above already). Also, the script is not working on my site in IE. I have not tested Opera.
Bill, Richmond, CA
Fri 5th June 2009 04:12:22
Gravatar Simply and plainly GREAT! Good job man!
Marcelo, Argentina
Thu 4th June 2009 20:41:04
Gravatar hi you there
this code is very useful for us
i'm so happy to saw this
but i have a question:
could we curve inputs such text box or text area, or button ?
in firefox we can but not in IE
could you please help me?
mahmoud, iran
Sun 31st May 2009 15:21:37
Gravatar hi you there
this code is very useful for us
i'm so happy to saw this
but i have a question:
could we curve inputs such text box or text area, or button ?
in firefox we can but not in IE
could you please help me?
mahmoud, iran
Sun 31st May 2009 15:20:33
Gravatar so I read about opera code needing to be in the page but why does IE6
mess up my alignment so bad I know that's not the CC issue tho that's just crappy old IE6
devwray, CO
Thu 28th May 2009 17:11:37
Gravatar this only seems to work right in Firefox

Opera dosen't round the corners

IE6 will let the javascript round the corners but my alignment is all off

Man this is frustrating
devwray, CO
Thu 28th May 2009 17:05:01
Gravatar @R This has been fixed in the latest build available in the trunk. http://code.google.com/p/curvycorners/source/checkout
Cameron, Brighton, UK
Thu 28th May 2009 08:49:12
Gravatar An alert "Wasting my time!" appears each time a page using this script is opened in Safari on both Mac and Windows... :/
R,
Wed 27th May 2009 20:30:30
Gravatar @Leanne I doubt I would implement shadows and glows as this would really slow the script down. I don't think Mozilla has native support for this either.
Cameron Cooke, Brighton, UK
Wed 27th May 2009 20:12:58
Gravatar Great script! I was just wondering if it's possible to plugin some kind of drop shadow effect, or outer glow type script for this? :)
Leanne, Melbourne, Australia
Tue 26th May 2009 14:19:54
Gravatar im using IE8 and this site renders fine, i lalso love this script :D
lewis, glasgow
Tue 26th May 2009 00:34:48
Gravatar I have never had such a easy time implementing something into a website. Really great piece of work and will continue to use and shout its name from rooftops.
Drew, Williamsburg
Mon 25th May 2009 18:26:48
Gravatar I've used this for several clients. It runs smooth, looks great and is easy to use! Thank you!

Tadd
www.studio646.com
Tadd, Michigan
Wed 20th May 2009 13:31:07
Gravatar Awesome! Beautiful clean design. Thank you. Learning how to use it right now. Thank you for doing this.
Anthony Gallina, California USA
Tue 19th May 2009 10:56:45
Gravatar Very nice script but dang if IE isn't such a PITA, IE 7 gets the error about not being able to load the page. Operation aborted dialog box, then it goes to a 404 page. I read about this on MS's site. M$ is so annoying that they can't make anything bloody standard for the better of the world.
Is there a way passed this or a fix for CC?
Pjack,
Mon 18th May 2009 19:47:36
Gravatar This a great script! especially the update version.
I had query about how can I use this script to round form elements like inputs or buttons or labels.[it works in firefox as it use -moz- thing but for IE]
Any thoughts or a code will be appreciated.
I'll be waiting. . Thanks
Ravi, London
Fri 15th May 2009 20:36:30
Gravatar @NickG Thanks for your post. Actually the demos page does not render the corners in IE deliberately, this is to allow you to click the Run CurvyCorners button so that you can see CurvyCorners perform it's magic in front of your eyes.
Cameron, Brighton, UK
Fri 15th May 2009 09:46:46
Gravatar Hiya - great site! However, your demos page doesn't display the rounded corners in IE8. It works fine on the home page. Thanks!
NickG, Southampton
Thu 14th May 2009 22:59:53
Gravatar @Trangsene The latest bleeding-edge version available on the Google Code site has fixed the issue and now allows for background images to be positioned bottom.

@Charlie Please use our Google Support page and post your query on there. Please include an example URL and or screenshot showing the issue.
Cameron, Brighton, UK
Thu 14th May 2009 12:50:17
Gravatar Thanks for the comments regarding the demos not working. This was because I changed the name of the CurvyCorners script and forgot to update the demos. This has now been fixed.

In regards to this site and IE8, I am aware of some issues. They appear to be related to the prototype.js script I am using, I will be looking into this shortly.

Can I also just reiterate that this comment system is not to be used to report issues with the script as we have a Google Group for that, please click on the support link top right.
Cameron, Brighton, UK
Thu 14th May 2009 12:40:46
Gravatar This site is not working at all in IE7 - throws a "canot load" error operationn aborted. or with scriptin errors on line 3936 object required.

function getEventID(element)
if (element._prototypeEventid.....

Owen Manderfield, London, UK
Wed 13th May 2009 16:02:32
Gravatar Did you know that this site doesnt render correctly in IE8?
Kev, UK
Tue 12th May 2009 14:44:56
Gravatar I cannot make this work properly in IE7 using the supplied instructions (great shame since both Chrome and Safari are easy and perfect)

Instead, while I can get the div curved, the shape of the div become very strange, with one block extended. In addition, lots of blank lines are inserted before the text (to which the curved shape forms the background) starts.

Please can you send me a real idiot's guide to getting this to work reliably with IE7 since I really want to use curvycorners.

Many thanks in advance and kind regards, Charlie.
Charlie, London
Tue 12th May 2009 14:02:21
Gravatar It seems it's impossible to have a background image bottom-aligned in IE !
With the 2.0.0 version, the background image was duplicated. With 2.0.3, a background image is always aligned on top. It's a shame, you can't use it for example to do a background image with gradient aligned at the bottom of a div, especially if that div has a variable height :-(
Trangsene,
Sun 10th May 2009 19:39:43
Gravatar Demos aren't running.
Barış, Turkey
Sun 10th May 2009 11:58:43
Gravatar I have been using jquery.corners, and it messes up div placements in IE. Its a pain in the ***!

This CurvyCorners is what i have been looking for. Great job on this!
Dave , Seattle
Tue 5th May 2009 09:21:02
Gravatar Nice one!

* First of all - script support is alive, there is a people who work on it today
* Script is small. Optimized JS code is in between 20kb
* comaptability with common JS frameworks
* implement it into page is a piece of cake
* It`s tracked on google`s project, so you can easily register any issue noticed and view registered issues, see changes and so on.

I have made a search of different JS solutions for rounded corners - this one fits best for me.


and again and again and again - ITS SMAALAAAAALLLLL
U don`t need to load framework+ plugin.
DrBao, Latvia
Mon 4th May 2009 15:44:05
Name:
Location:
Email (not shown):
Message: