Shop Mobile More Submit  Join Login
eGTK Mockup Kit by BassUltra eGTK Mockup Kit by BassUltra
Updated with UI elements such as infobars, sidebars, and statusbars along with other widgets such as a back button and breadcrumbs.

Might eventually get updated with the dark theme and light theme combined in one file.

EDIT 23/9/2013:
Added the dark theme.
Add a Comment:
 
:iconandroid272:
android272 Featured By Owner Jun 5, 2014  Hobbyist Digital Artist
Very nice
Reply
:iconzeeeeee:
zeeeeee Featured By Owner Mar 11, 2014
Hi, the SVG seems to have an error (something about bad XML formating, line 5, collumn 6, blablabla..)
Downloading the file and trying to open it in inkscape/midori/scratch/gedit, doesn't work.
Could you re-upload it?
Thanks
Reply
:iconbassultra:
BassUltra Featured By Owner Apr 22, 2014  Hobbyist Interface Designer
Weird, it works fine for me in windows when I open it on gedit and inkscape
Reply
:iconzeeeeee:
zeeeeee Featured By Owner May 13, 2014
I can't do it in elementary nor in windows.
I opened it in gedit, with a lot of errors, a lot of weird characters at the end of the file (also tried to change the character codification, randomly because I don't know what the hell I'm doing), and a few errors at the top, as if something is missing right from the top of the document (it starts missing a linearGradient flag at least).

Did you try to download the file from here and open it?

(I use it for my Firefox theme, and also wanted to try out some mockups for office apps, I eventually used Dan's mockup tabs, other stuff I just download this .png and draw on top of it in inkscape so its pixels are crystal clear, but why do the work twice if your mockup is perfect?)
Thanks again
Reply
:iconbassultra:
BassUltra Featured By Owner May 14, 2014  Hobbyist Interface Designer
I don't know what's wrong, I downloaded it multiple times to check and it works just fine for me.
Reply
:iconzeeeeee:
zeeeeee Featured By Owner May 14, 2014
Maybe its my mistake.
Let me check it out one last time, please walk me through it: You download it through Windows (Firefox) by hitting the download button on the right, and where do you open it? Inkscape? In Windows (Inkscape) I get "Failed to load the requested file C:\..... .svg", in Firefox itself I get the error I mentioned earlier. Either one of these is the method you use?
Reply
:iconbassultra:
BassUltra Featured By Owner May 15, 2014  Hobbyist Interface Designer
Yeah I just press the download button on the right and it opens fine in inkscape, firefox, and gedit. :\
Reply
:iconzeeeeee:
zeeeeee Featured By Owner May 15, 2014
ok, I give up then :\
I've tried several methods, several OSes, languages (I mean why the hell not..), etc.
If you find a way to upload it somewhere else, I'd appreciate it very much. If not, thanks anyway for your time!
Reply
:iconntim007:
ntim007 Featured By Owner Jan 5, 2014
Nice ! I might use some of this in my next HTML projects :)
Reply
:iconleegiko:
Leegiko Featured By Owner Dec 15, 2013
i'm new at mockups and i don't know how to use it, your mockups are very creative but i need a way to use theme, help me please
 
Reply
:iconpptje:
pptje Featured By Owner Oct 8, 2013
I like it, how do you create UI elements ?
Reply
:iconpptje:
pptje Featured By Owner Oct 8, 2013
What tools did you use in creating these UI elements? I like them a lot!
Reply
:iconbassultra:
BassUltra Featured By Owner Oct 8, 2013  Hobbyist Interface Designer
Inkscape, a vector graphics program.
Reply
:iconpptje:
pptje Featured By Owner Oct 9, 2013
Thanks for the tip. It is appriciated
Reply
:icongazornonplat:
gazornonplat Featured By Owner Sep 24, 2013  Hobbyist General Artist
The dark theme is gorgeous, I'm looking forward to seeing media apps make use of it.
Reply
:iconbeykex:
Beykex Featured By Owner Sep 24, 2013  Hobbyist General Artist
Is there any reason why there are no close/maximize buttons on the windows? I find it very confusing :(
Reply
:iconcjbgomes:
cjbgomes Featured By Owner Sep 23, 2013
i have a experimental theme, missing much but i will try to make it similar to this.
Reply
:iconbatch10s:
Batch10s Featured By Owner Sep 6, 2013
Which font did you use here?
Reply
:iconbassultra:
BassUltra Featured By Owner Sep 6, 2013  Hobbyist Interface Designer
If you open it and check it should be Droid Sans/Open Sans.
Reply
:iconpesterazor:
PesteRazor Featured By Owner Aug 21, 2013
Beautiful! Waiting for the black theme :)
Reply
:iconpiotrek290:
Piotrek290 Featured By Owner Aug 6, 2013
Why progressbar is no rounded?
Reply
:iconbassultra:
BassUltra Featured By Owner Aug 22, 2013  Hobbyist Interface Designer
It is very slightly rounded.
Reply
:iconvjott:
vjott Featured By Owner Sep 23, 2013
I actually prefer it the way you have it here. There isn't any reason for the progressbar to be rounded, it'd look inconsistent.
Reply
:iconbtkostner:
Btkostner Featured By Owner Jul 30, 2013
Is that the new progressbar? I haven't seen it in egtk at all.
Also, the back arrow 'settings' button looks off. 
Nice work getting all the egtk elements in one window! keep up the good work.
Reply
:iconcameronnemo:
CameronNemo Featured By Owner May 31, 2013
What about a bottom bar like on Noise?
Reply
:iconthevirtualdragon:
TheVirtualDragon Featured By Owner May 26, 2013  Hobbyist Interface Designer
How do I download? Clicking the download link opens this in browser and, I can't open it in inkscape
Reply
:iconbassultra:
BassUltra Featured By Owner May 26, 2013  Hobbyist Interface Designer
When you do that you can right click and save as or something. It will be saved as an svg document.
Reply
:iconcameronnemo:
CameronNemo Featured By Owner May 31, 2013
I can't do so in firefox.
Reply
:iconcameronnemo:
CameronNemo Featured By Owner May 31, 2013
NVM, I can.
Reply
:iconqw3rtz:
Qw3rtz Featured By Owner Feb 25, 2013
Great job!
Reply
:iconiacoporosso:
iacoporosso Featured By Owner Dec 27, 2012
simple awesome!
Reply
:iconzheoffec:
zheoffec Featured By Owner Dec 23, 2012  Hobbyist Digital Artist
Do you have plans yo create an application out of this? The only theme viewer is Widget Factory which isn't maintained any more (I think).
Reply
:iconalgalord-gnome:
Algalord-Gnome Featured By Owner Dec 24, 2012
Elementary have a granite demo, search for "granite-demo"
Reply
:icontimpieee:
timpieee Featured By Owner Apr 23, 2013
It's in the granite branch.
Reply
:iconzeeeeee:
zeeeeee Featured By Owner Nov 24, 2012
Thanks for these.
Tell me something about the tabs. The current tabs don't have rounded bottom corners, why is that? I can easily create them in my Firefox theme, but I preferred to keep it integrated with the current granite widgets. Are you guys planning on updating those any time soon?
Reply
:iconbassultra:
BassUltra Featured By Owner Nov 24, 2012  Hobbyist Interface Designer
I have no idea, but it must be a limitation with gtk if it hasn't been implemented already.
Reply
:iconrhoconlinux:
rhoconlinux Featured By Owner Aug 2, 2013
Hi guys. Awesome work.
Actually you can implement rounded corners. Check this out: tinyurl.com/njd3v5a
So, how to do it? I've just edited this section in gtk-widgets.css

.dynamic-notebook .notebook tab:active {
   background-image: -gtk-gradient (linear,
           left top,
           left bottom,
           from (shade (@base_color, 0.99)), /*@bg_color*/
           to (@base_color));/*@bg_color*/

   -unico-border-gradient: none;
   border-color: alpha (#000, 0.30);

   border-radius: 11px;

   border-width: 1px;
   -unico-inner-stroke-width: 1px;
   -unico-outer-stroke-width: 1px;

   -unico-inner-stroke-color: alpha (#fff, 0.30);

Reply
:iconbassultra:
BassUltra Featured By Owner Aug 2, 2013  Hobbyist Interface Designer
Actually I was talking about the bottom corners, those can't be changed.
Reply
:iconrhoconlinux:
rhoconlinux Featured By Owner Aug 2, 2013
oh... i'm sorry... I read properly now (a little late though)... it was bottom rounding. :(
no idea jaja.
:P
Reply
Add a Comment:
 
×
Download SVG download, 670 KB




Details

Submitted on
November 24, 2012
File Size
670 KB
Link
Thumb
Embed

Stats

Views
24,050 (12 today)
Favourites
149 (who?)
Comments
41
Downloads
1,686 (3 today)
×