Git Product home page Git Product logo

bulma-templates's Introduction

Bulma Templates

Free Templates for the Bulma CSS Framework bulma version PRs welcome Open in Visual Studio Code

Versions

The original bulma templates were made with version 0.1.1 and can be found in the 0.1.1 branch. The newest templates are made with version 0.9.4 and can be found in the master branch. The templates on bulmatemplates.github.io/bulma-templates are based on the master branch.

Templates

The templates are located in the /templates directory, and you can preview them on the demo website

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Licence

Code released under the MIT license.

bulma-templates's People

Contributors

adhavalboy avatar andysohotrightnow avatar anirudhkaushal avatar brase avatar clarkhacks avatar connor11528 avatar dansup avatar diomed avatar ducdev avatar dugtrio91 avatar emkelley avatar felix-d1strict avatar fwolfst avatar gabmic avatar gamers-geek avatar gonzalojs avatar gustsu avatar hannahguo avatar harshitrichariya avatar hathaipach avatar infacq avatar jasonsturges avatar joshrosenhanst avatar lakshyajit165 avatar m1troll avatar mubaidr avatar orangeshadow avatar quelchx avatar smeek153 avatar xyzhanjiang avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bulma-templates's Issues

cards.css

Is there any chance you can upload the cards.css file? My cards don't seem to be responsive on mobile, the 3 column layout persists on all devices.

GRID with 'panel-block' and wondering about TILES with 'ancestor-parent-child'

Seriously AWESOME. Just found your updates and have been thinking to have...
-- hero with grid-gallery underneath.

So, starting with hero.html (NICE!) then I figured to cut the grid portion out of grid-gallery.html,

In past months i've been trying stuff with the grid/tiles page at:
http://bulma.io/documentation/grid/tiles/

Then noticed - you're using <div class="panel-block"> for the grid stuff.
Wanted to ask you if there's a reason for using that instead of the way it is in the doc at bulma.io?

<div class="tile is-ancestor">
<div class="tile is-parent is-vertical">
<article class="tile is-child box">

As a beginner and a hack at that,, right now I can only add that the way the tiles (ancestor-parent-child) works in the docs at http://bulma.io/documentation/grid/tiles/ might have some flexibility at some point though i don't really know yet.

interested to know if you like, or may use the tiles (ancestor-parent-child) stuff in any template.
I'm guessing that i'll need some of what i see when resizing and reading the features at http://bulma.io/documentation/grid/tiles/ .

Sorry I haven't thought of how to explain it much yet.

Whatever happens - KNOCKED OUT HAPPY about your work !

Login theme

The "login" theme is different from the one shown in the demo. Please check.

Are any particular templates needed?

Hey guys, I created the contact page template now I'm wanting to create another template. But before I make one I'm wondering if there is a particular template you guys would like?

WIP-branch?

I recently commented on #41 asking if there's any work in progress branch I can contribute to. I don't mind sending my contributions to the gh-branch, but I have read in several issue comments that you're working in several improvements to the project and I wouldn't want to step on your toes.

Variable override examples?

Hey,
I'm having really hard time with Skeleton theme. I just change few simple elements. But it doesn't take any effects.

With below variables - only primary color changes, background or grey-lighter (it has to be quote/code box) doesn't make any change, though I can see those hex codes in output .css.

$body-background: #FAF3DD
$primary: #55AA55
$grey-lighter: #C8D5B9

Could you please provide some variable override example? Thank you for your work!

Remove Google Fonts

I want to stick with system fonts for a few reasons:

  • Improve privacy
  • Faster page loads
  • I don't like Open Sans

release

Now that everything is more or less tip-top,
it would be actually a very good move to create
a new release, since nothing was released for over a year now,
and everything is updated to 0.7.1.

perhaps it would be also good to version it as 0.7.1. [per existing number version of bulma]

aside

would you do an aside template with the new version of bulma? I'm using it in one of my projects, it looks great

by the way, great code of conduct :D

Mobile Templates

Currently, many of the templates don't render properly on mobile devices. I plan to add mobile support to every template and this issue will track it.

Broken Mobile Templates:

  • blog post
  • profile
  • status page
  • timeline
  • video player

Mobile ready templates:

  • admin
  • blog
  • cover
  • gallery grid
  • hero
  • landing
  • login
  • product
  • projects
  • register

update bulma to 0.8.0

looking for someone to update bulma to freshly released 0.8.0 version in all templates.

this is ideal for new coders, so be our guest and get yourself some PR's in pocket,
to win that t-shirt and help open source community.

cheers!

Template example showing navbar centered pages

Hi, I wonder if you can explain or how to create a template showing a navbar where the pages are centered and spaced

I am a noobie to bulma and being trying to play with the examples and figure out levels / flex to get a layout but struggling (based on desktop layout)

<-Padding/Margin--> Logo <-- Pages Centred to Space Justify Page Width --><Login & Signup But><-Padding/Margin-->
I Logo | Page 1 Page 2 Page 3 | Login Signup |
| Left | Centered | Spaced | Right Align |

Similar to the layout as https://getgrav.cms/ , if you see the home page there is quite a lot of good stuff that could be bulma-ised . I am looking to create something with the sticky scroll on page menu footer as well :)

Its probably something simple that I am not just seeing :) Thank you

organization

what about putting it all under organization?
and inviting others? I thought you liked that idea.

Bulma update to dark mode messed up demos

Since Bulma introduced a dark mode, the demo pages look weird. E.g. the admin template is now black where I suppose it was lightgrey or white:

Screenshot from 2024-04-16 13-55-42

Is there a simple way to fix this?

Cheers! The templates are awesome and I'd like to continue using them :D

Logo without margin

Logo without margin

The logo is running out of time when the site is in lower resolutions, such as mobile.

Look at this:

logo

Template Requests

My original goal for this project was to create a bunch of templates that showcase what you can do with bulma.

If you have any ideas or suggestions for a new template, post a comment in this issue and I will do my best to accommodate everyones requests.

Mobile friendly landing page

Hi,

First of all thanks for your work with Bulma. Specially you are keeping the pace with latest updates.

I was trying out landing page. It is saying that is mobile friendly but when I tried in mobile view, navigation seems to be broken. I can't see the menu. Am I missing something ?

And what is best JQuery free way to change active css for navigation. I was unable to figure that thing out.

Again Thanks for your work.

instaAlbum issues

strange, instaAlbum doesn't look look your preview. For one there is no searchbox at the top.

image

In electron-vue, display doesn't work

Hi,
I make a electron-vue app with templates and I've a problem ( I don't know if it is from bulma or vue / electron).

So, when I goes on the page where is the Kanban template, the scroll doesn't work and it displays a random part of the template, and it's locked, and I've to refresh to get a good display. I have no errors.

The tabs and the Kanban templates make me this problem.

Thanks for helping

Typo

Hi,

Hope that you won't mind if I point out there's a typo on the page, it should read "receive" and not "recieve".

Looking forward to a flourishing template collection,

Andy
screen shot 2017-10-12 at 1 21 07 pm

Vertical centering does not work

I have tried centering using 'is-vcentered', and almost all classic div centering techniques but it does not work. If I remove the register class it sticks to the top of the viewport. I faced this particular problem when I am trying to display error messages on the register page.

Thanks so much

These templates are extremely helpful! Thanks so much for putting this together. This should really be integrated into the original project's demos or something. They're also well designed and nice to look at. Bravo!!

buefy โ“

is it ok to use buefy or do templates have to be independent of specific library?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.